Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1433939

    The header on all Blogs gets cut off. Can I get a code to adjust all of these? Thanks

    #1433979

    Hey bemodesign,

    I’m not sure if I can see the problem on my end. Could you post a screenshot highligting the problem please? Also please let us know in which browser you are seeing it in.

    Best regards,
    Rikard

    #1434124

    It’s on Mobile view. The header gets cut off.

    #1434192

    screenshot

    #1434252

    Hi,

    Thank you for the update.

    Have you added the following css code? It removes the padding above the main container, causing the header to overlap with the heading.

    .responsive #top #main {
        padding-top: 0 !important;
        margin: 0;
    }

    You can override it by adding this css code.

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 100px !important;
      }
    }

    Best regards,
    Ismael

    #1434254

    Thanks! done!

    #1434285

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1434365

    Wait, I had to take that code off, because it made a space on all the mobile pages. I just needed the Blog pages adjusted. Did you see that link? https://drive.google.com/file/d/16cOVLA62oSIYmc38xDluQMaPyNt0Ao_c/view?usp=sharing

    #1434389

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 767px) {
      .single-post #main {
        padding-top: 100px !important;
      }
    }

    Best regards,
    Rikard

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.