Making "Home 1" disappear in mobile mode

Premium Theme Support › MH Themes › MH Magazine

• Author
  Posts
• January 23, 2017 at 8:30 pm #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)

  January 24, 2017 at 9:28 am #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;
      }
  }

  January 25, 2017 at 12:41 am #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.