Docs

[mitchghost]

Hi, I need to place mobile menu on the left. Also decrease gap and change font color… i would like to have a different logo size as well for the mobile version. Thank you very much for the help.

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[mitchghost]

Hi Christopher the site is http://www.supercarsclubarabia.com, thanks.

[Darshana]

Hi there,

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

@media (max-width:480px){
  .x-btn-navbar {
    float: left !important;
  }

  .x-brand.img > img {
    max-width: 100px;
  }
}

Hope that helps.

[mitchghost]

This reply has been marked as private.

[Christopher]

Hi there,

Please update this code :

#top > footer.x-colophon.bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    min-height: 30px;
    height: auto;
    background-color: #000000;
}

To :

#top > footer.x-colophon.bottom {
    width: 100%;
    bottom: 0;
    min-height: 30px;
    height: auto;
    background-color: #000000;
}
@media (min-width:979px){
#top > footer.x-colophon.bottom {
    position: fixed;
}
}

.x-nav-wrap.mobile {
    background-color: #000;
    padding: 10px;
}
.x-navbar .mobile .x-nav li>a {
    line-height: 0.5;
}

Hope it helps.

[mitchghost]

Thank you very much for the quick replies. I will rely on X now for my future projects.

[Thai]

You’re most welcome 🙂

[Author]

Posts