ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• August 5, 2015 at 4:18 pm #201060
  MBzwo

  Member

  Post count: 45

  hello,

  i would like to hide the top bar on phones. Can you provide any CSS for this??

  Thanks,
  Joe

  August 5, 2015 at 4:33 pm #201064
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option.

  @media only screen and (max-width: 1024px){
  .mhs-tablet-land .header-wrap, .mhs-tablet-land #top-bar {
      display: none!important;
  }
  }

  -Rui

  August 5, 2015 at 6:35 pm #201101
  MBzwo

  Member

  Post count: 45

  Thanks Rui, but thats doesn’t work as far as i can see. Do you have any other idea?

  August 5, 2015 at 6:38 pm #201104
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Just to be sure on what you need is this yellow bar?
  https://www.dropbox.com/s/t8lr87cr6a05hs7/Screenshot%202015-08-05%2018.37.15.png?dl=0

  if so change the custom css you have from

  body[class*="header-naked"] #top-bar {
      display: block!important;
  }

  to

  body[class*="header-naked"] #top-bar {
      display: none!important;
  }

  -Rui

  August 5, 2015 at 7:41 pm #201135
  MBzwo

  Member

  Post count: 45

  This reply has been marked as private.
  August 6, 2015 at 4:29 pm #201500
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Done. I replace your css.

  body[class*="header-naked"] #top-bar {
      display: block!important;
  }

  by this one

  @media only screen and (max-width: 767px) {
      body[class*="header-naked"] #top-bar {
         display: none!important;
    }
  }
  
  @media only screen and (min-width: 767px) {
  body[class*="header-naked"] #top-bar {
    display: block!important;
  }
  }

  -Rui

• Back to forum

  Posted in: Atelier