Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 9, 2015 at 4:44 pm #532723
    abortolotti

    Hi I’d like to hide the header on mobile phones only for the site http://www.vacationrentalworldsummit.com/

    I tried this quick CSS but doesnt’ work:

    @media only screen and (max-width: 990px) {
    .title_container { display: none !important; }}

    what should i do?

    thanks.

    Antonio

    November 9, 2015 at 4:51 pm #532731
    Yigit

    Hey Antonio!

    Can you please post a screenshot and show the changes you would like to make?
    Code you used should remove title bar on screens smaller than 990px. It is not targeting header. If you would like to target header, please use following code

    @media only screen and (max-width: 990px) {
#header { display: none !important; }}

    Cheers!
    Yigit

    November 9, 2015 at 4:51 pm #532732
    Elliott

    Hi Antonio!

    Your code will hide the title container which is where the breadcrumbs are located.

    If you actually want to hide the header then you would use this.

    @media screen and (max-width: 990px) {
#header { display: none !important; }}

    Best regards,
    Elliott

    November 9, 2015 at 4:56 pm #532742
    abortolotti

    Awesome guys!!!!
    It works great now, problem solved, thank you soooo much.
    You guys are #1 and I’m promoting Enfold far and wide to everyone following me (and I’ve got a community of a few thousand people) :)

    Antonio

    November 10, 2015 at 10:55 am #533134
    Rikard

    Hi,

    Glad we could help :-)

    Thanks,
    Rikard

    November 19, 2015 at 10:06 am #538820
    abortolotti

    Thanks, you can mark this as solved.

    Antonio

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hide header on mobile only?’ is closed to new replies.