Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 29, 2020 at 12:08 am #1188968
    hostworks

    Why is the start of the page underneath the header?
    https://lsbtymkiw.hostworks.com/

    • This topic was modified 4 years, 8 months ago by hostworks.
    March 1, 2020 at 7:39 am #1189161
    Rikard

    Hey hostworks,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    March 2, 2020 at 2:56 am #1189290
    hostworks

    Below

    March 2, 2020 at 8:04 am #1189360
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 991px) {
.home #top #main {
    padding-top: 164px;
}
}

    Best regards,
    Rikard

    March 2, 2020 at 5:32 pm #1189485
    hostworks

    Didn’t work. here’s the issue:

    https://snipboard.io/X0koq7.jpg

    March 3, 2020 at 9:07 am #1189628
    Rikard

    Hi,

    I edited it a bit and it’s applying on your site:

    @media only screen and (min-width: 991px) { 
.home #main {
    padding-top: 178px !important;
}
}

    Best regards,
    Rikard

    March 3, 2020 at 4:49 pm #1189772
    hostworks

    It doesn’t matter what number I put it, it doesn’t change a bit. I don’ understand what causes this. I’ve tried on three browsers.

    March 3, 2020 at 5:04 pm #1189776
    hostworks

    I had to change the header size to 130 in addition to your code.It’s still taller than I want it. Again, I don’t understand why this is a constant issue.

    March 3, 2020 at 7:15 pm #1189815
    hostworks

    Now, my inner pages don’t line up because they have a page title.

    March 5, 2020 at 6:43 pm #1190555
    Victoria

    Hi hostworks,

    Could you please attach some screenshots of the issue?

    Please give us the links to the pages with the issue.

    Actually, you need the code for the desktop screens too:

    
.html_header_top.html_header_sticky #top:not(.home) #wrap_all #main {
    padding-top: 168px !important;
}

    Best regards,
    Victoria

    • This reply was modified 4 years, 8 months ago by Victoria.
    March 5, 2020 at 7:07 pm #1190574
    hostworks

    Thank you, that did the trick! You are the best!

    March 6, 2020 at 6:26 am #1190747
    Rikard

    Hi,

    Great, I’m glad that Victoria 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

    March 6, 2020 at 7:18 am #1190759
    hostworks

    Thanks, you can close this one.

    March 6, 2020 at 1:21 pm #1190857
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘header overlapping the start of the page’ is closed to new replies.