Making "Home 1" disappear in mobile mode

  • Author
    Posts
  • #105430
    prudner2014
    Member

    I wish to use a slider in the “Home 1” spot, when viewed on a computer screen, but, I need either the “Home 1” — or the slider in it — to disappear on a mobile phone. Could you please provide a CSS code achieve this. I have met with partial success using the following code but even when saved and the screen looks to be reacting properly, the code is partially erased when I revisit the site and the layout never does change on my phone.

    @media screen and (max-width: 940px) {.mh-mobile .hp-home-1, .mh-mobile .home-1 { display: none; }

    Thank you.

    The blog I need help with is: (visible only to logged in users)

    #105568
    mhthemes
    Member

    Hi,

    it seems the syntax of your code is not correct, it should be:

    @media screen and (max-width: 940px) {
        .home-1 {
            display: none;
        }
    }
    #105584
    prudner2014
    Member
    Original poster

    Thank you. The solution works perfectly.

  • The topic ‘Making "Home 1" disappear in mobile mode’ is closed to new replies.