Docs

[drfretboard]

Hello,

I have a few issues with my page in mobile mode.

1. When I resize my browser window on my laptop, a white section appears between the caroussel and the menu bar. How to prevent this?
2. The decorative orange line in the menu is to the left, but I’d prefer it to the right. How to do it?
3. Fat orange borders appear around the mobile menu button. How to prevent this?

[drfretboard]

This reply has been marked as private.

[drfretboard]

This reply has been marked as private.

[Paul R]

Hi,

Thanks for writing in!

You can add this under Custom > Edit Global CSS in the Customizer.

@media only screen 
  and (min-device-width: 979px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
      .x-navbar.x-navbar-fixed-left {
         top:0;
      }
}

.x-navbar .mobile .x-nav li > a {
  border-right: 10px solid #000;
}

.x-navbar .mobile .x-nav li > a:hover {
.x-navbar .mobile .x-nav .current-menu--item > a:hover
  border-right: 10px solid #ff2a13 !important;
}

body a:focus {
    border:0 !important;
}

Hope that helps

[Author]

Posts