Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 3, 2018 at 11:51 pm #892968
    amerzib

    I added this code to make my mobile menu sticky and it works here: dev.mezzalunadesign.ca

    .html_header_top.html_header_sticky #header {
    position: fixed !important;
    }
    @media only screen and (max-width: 767px) {
    .responsive #main {
    padding-top: 0px !important;
    }
    }

    But it is overlapping some content on all of the pages. How can I get it to push the content below the sticky header so that it can all be seen?

    PS. I am still getting help re-positioning the call us and email us buttons to be next to each other instead of one on top of another so when that is fixed my header won’t be so tall.

    January 3, 2018 at 11:54 pm #892972
    Jordan Shannon

    Hey amerzib,

    Please provide a link to the site in question so we can look into this further.

    Best regards,
    Jordan Shannon

    January 8, 2018 at 8:22 pm #894894
    amerzib

    The site was in the first line of my comment above but here it is again:
    dev.mezzalunadesign.ca

    January 9, 2018 at 12:04 am #894974
    Jordan Shannon

    Hi,

    Can you link me to a page where its being overlapped? I’m not seeing that occurrence.

    Best regards,
    Jordan Shannon

    January 9, 2018 at 3:04 pm #895263
    amerzib

    Sorry the code controlling the sticky header got deleted for some reason but its back in there now

    you can see it on a mobile device here:
    dev.mezzalunadesign.ca

    January 12, 2018 at 10:49 am #896501
    Ismael

    Hi,

    I’m sorry but I can’t see the issue either. Please provide a screenshot on imgur or dropbox.

    Best regards,
    Ismael

    January 15, 2018 at 5:08 pm #897635
    amerzib

    It is happening when I look at the site on my iPhone, as seen here
    this is what it should look like.
    And it is happening on all pages on mobile.

    • This reply was modified 7 years, 9 months ago by amerzib.
    January 15, 2018 at 5:49 pm #897648
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 480px) {
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 109px!important;
}}

    Best regards,
    Yigit

    January 15, 2018 at 11:08 pm #897734
    amerzib

    That worked perfectly! Thanks

    January 16, 2018 at 2:44 am #897812
    Ismael

    Hi,

    Great! Glad we could help. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Mobile Sticky Header Hiding Content’ is closed to new replies.