Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1151707
    Referee
    Participant

    Hi,

    I can not figure out why my heading is not readjusted on small screens. I checked all the setting for adaptive headings ten times if not more but it is still not squeezing down as it should. Could you please have a look what is wrong?

    #1151711
    Referee
    Participant
    This reply has been marked as private.
    #1151728
    Christian
    Moderator

    Hey there,

    Your Compression value is too small (0.5). I’ve changed it to 2.5 to drastically show the difference. Please adjust it as per your needs.

    Thanks.

    #1151767
    Referee
    Participant

    I didn’t get your point. I wan the header to be really big at big screens and to adopt to the size of the screen on mobile devices. If you use bigger compression then initial size on big screen becomes much smaller than I need. Previously I didn’t experienced any problems with that when adaptive text was used. The only question was minimum size of the font. I had to play with it sometimes to find the optimal value to fit small screen. But in this case even if I put in 1px it doesn’t shrink down.

    #1151770
    Referee
    Participant

    And when I change h1 to h2 or even to h5 the header doesn’t get smaller. Maybe something wrong with heading’s settings somewhere in the theme?

    #1151782
    Referee
    Participant

    Yeap,

    I activated original X Theme and it works fine now so something wrong with headings styling somewhere in the child theme.

    #1151835
    Lely
    Moderator

    Hi There,

    Glad you were able to find where it is coming from. To check which file exactly, please backup the entire child theme and then add the file one by one. Hope this helps.

    #1151890
    Referee
    Participant

    Actually it isn’t. I have set a new child theme and reinstalled Band demo and it is the same thing. Please look once again here https://sport.center/lab/test/releases/

    All that I changes is the top h1 heading. I believe there is some code in Global CSS of the Band demo which conflicts with adaptive text. Any ideas which code can cause that issue?

    #1151937
    Nabeel A
    Moderator

    Hi again,

    I checked your site and couldn’t find any conflicting code. However you can try adding the following code to fix the issue:

    .h-page-main {
        font-size: 10vw !important;
    }

    Let us know how this goes!

    #1152080
    Referee
    Participant

    That worked out perfectly, thanks!

    #1152081
    Joao
    Moderator

    Glad to hear it,

    Let us know if we can help with anything else.

    Joao

  • <script> jQuery(function($){ $("#no-reply-1151707 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>