Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 10, 2018 at 10:21 pm #954916
    mynick

    Hi there,
    How to hide sticky topbar on mobile devices? Can u help me with the css?
    It should be fairly easy, but after 30min I gave up -_-.

    Thanks in advance.

    May 11, 2018 at 3:45 am #954974
    Mike

    Hey jeroenvandessel,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) { 
#header_meta.av_extra_header_active {
display: none !important;
}
}

    Best regards,
    Mike

    May 11, 2018 at 4:00 am #954978
    Guenni007

    you mean for small screens or for mobile ?
    Because on ipad retina or ipad 2 or ipad pro you have on landscape view more than 1000px
    because every mobile browser looking to enfold is getting on html the class avia_mobile
    so if you like to solve layout problems concerning to mobile devices this could always help.
    because it is a html class it would be listed at first in the css
    so for example mikes rule gets:

    .avia_mobile #header_meta.av_extra_header_active {
display: none !important;
}
    May 11, 2018 at 8:42 am #955080
    mynick

    Hi guys,

    Thanks for the help! To be honest I don’t know what the best solution is. All that I know is that the empty ‘topbar’ is taking up unnecessary space on my iPhone. But I guess the solution I’m looking for is for all devices with a small screen…?

    Anyways, thanks again!

    The 1st solution did the trick.

    May 11, 2018 at 10:36 am #955156
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘hide topbar on mobile – css needed’ is closed to new replies.