[Matthew SParticipant]

There’s actually a “sweet spot” that’s quite large when resizing browser window where the menu doesn’t display at all even after inputting the css. Also I’d like to have it only show the mobile menu on mobile if at all possible. If I have even a medium size browser window open it displays the mobile navigation or nothing at all. I’ve tried adjusting the max-width in the css as well as adjusting the site and content width settings in Customization with no luck.

[ZeshanMember]

Hi Matthew,

You can add the following CSS code to Customizer > Custom > CSS to solve the issues you are facing with navbar button and logo responsiveness:

@media (max-width: 979px) {
   .x-btn-navbar, .x-btn-navbar.collapsed {
      display: block;
      float: right;
   }
}

@media (max-width: 480px) {
   .x-navbar .x-brand {
      font-size: 280%;
      letter-spacing: 0;
      margin-top: 27px;
   }
}

To make the slider’s width exact same as the content area, simply add the following CSS code:

.blog .x-slider-revolution-container {
   max-width: 820px;
   margin-left: auto;
   margin-right: auto;
}

Hope this helps. 🙂

Thank you.

[Author]

Posts