Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #933161

    I previously posted for help on this topic about my sticky header covering my layer slider and how to move it down here:
    https://kriesi.at/support/topic/mobile-sticky-header-hiding-content/
    which solved the problem on mobile but not on tablet for me.

    I added this code for mobile which worked:
    @media only screen and (max-width: 480px) {
    .html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 109px!important;
    }}

    How can I move the content down for tablet view as well?

    #933345

    Hey amerzib,

    Try using this code:

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

    If it does not help, please post the link to your website.
    Best regards,
    Victoria

    #933735

    Thanks I tried the code but it didnt work.
    Sorry I forgot to post the link too.
    Its bestdoorsinc.ca

    Thanks

    #933899

    Hi,

    The site looks good on my end. You may not see the changes until the cached files are cleared in your browser.

    Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

    If you still have any issue please upload a screenshot/mockup to imgur.com and share the link here so we can help you better :)

    Best regards,
    Vinay

    #939228

    Im looking at my site on mobile, dont know how to clear cache on an ipad or iphone but it still looks wrong.
    Looks like this: https://ibb.co/d8SsXH

    #939631

    Hi amerzib,

    Here is how to clear cache on an iPad
    https://www.macworld.co.uk/how-to/iphone/clear-cache-iphone-3609079/

    Can you please post the link again? I get 403 on the links in the original thread.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    • This reply was modified 2 years, 3 months ago by  Victoria.
    #939908

    Thanks, I cleared the cache on iPad but I am still getting the same thing as seen here: https://ibb.co/d8SsXH

    #940742

    Hi,

    I can’t reproduce the issue on my end. What is the actual version or model of your iPad device?

    Screenshot: https://imgur.com/a/I2Q4p

    Best regards,
    Ismael

    #941016

    I actually took that screen shot on my iphone 6 plus when I turned the phone to be horizontal, its not happening on the ipad anymore.
    It looks fine in vertical format on the iphone too.

    #941279

    Hi,

    Thanks for the feedback, so it’s working as it should now? Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #941633

    Its still not working on my iphone when in landscape mode.
    You can see the screen shot in my post above. Thanks

    #942440

    Hi,

    The previous css media query targets tablet devices. Please replace it with this code.

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

    Adjust the values as needed.

    Best regards,
    Ismael

    #943310

    That worked perfectly! Thanks!

    #943577

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #943593

    you can close it thanks!

    #943820

    Hi,

    Glad that it’s all good. Please feel free to come back if you need further assistance.

    Thanks for using Enfold and have a great day :)

    Best regards,
    Nikko

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Mobile Sticky Header Hiding Content’ is closed to new replies.