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: Dante
• July 22, 2016 at 5:01 pm #283361
  everbeta

  Member

  Post count: 8

  Hello, I am trying to make some styling modifications to the Dante mobile header. The site is in maintenance mode so you will need to log in to see my settings, but I am attaching a screenshot from my iphone showing the current mobile menu, as well as how I would like it to look. The things I want to change are :

  – reduce the height of the mobile menu bar
  – enlarge the logo to fill the space
  – change the color of the mobile menu dropdown tab (the three horizontal bars at the right of the mobile menu header) from black to white

  Any assistance you can provide would be greatly appreciated.
  Thanks, Colin

  Attachments:

  You must be logged in to view attached files.
  July 25, 2016 at 12:02 pm #283633
  David Martin – Support

  Moderator

  Post count: 20834

  You would need to customise the CSS:

  @media only screen and (max-width: 479px) {
  #logo img, 
  #logo img.retina {
      max-width: 295px;
      height: auto!important;
  }
  #logo a.mobile-menu-show {
      color: #fff;
  }
  #header-section {
      max-height: 75px;
  }
  }

  Would result in:

  

  July 25, 2016 at 11:19 pm #283798
  everbeta

  Member

  Post count: 8

  thanks!

  July 26, 2016 at 10:15 am #283900
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Great thanks to David.
  Mohammad

  August 4, 2016 at 4:29 pm #285915
  everbeta

  Member

  Post count: 8

  Hello David, I was about to migrate these changes to the live site, but in final testing, I noticed an issue when the changes above to the mobile menu styling were implemented; when the phone is rotated to landscape mode, the navigation tab on the right disappears. How can I make sure this remains visible ? A screenshot is attached.
  Thanks, Colin

  Attachments:

  You must be logged in to view attached files.
  August 5, 2016 at 8:18 am #286021
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #logo a.mobile-menu-show i {
      color: #fff !important;
  }
  

  Thanks
  Mohammad

• Back to forum

  Posted in: Dante