Docs

[ngiderin]

Hi team,

I would like to know if we can use the same set up for mobile navigation bar like we have for the regular navigation bar.

I’m using all icons to be the website navigation and would like them to show on mobile as well (without using toggle bar)

the screenshot’s attached

thanks before

[Rupok]

Hi there,

Thanks for writing in! Yes that’s possible with some CSS. You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 979px) {
.x-btn-navbar, .x-nav-wrap.mobile {
  display: none!important;
}
.x-nav-wrap.desktop {
  display: block!important;
}
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
  padding-left: 20px;
  padding-right: 20px;
}
}

Hope this helps.

Cheers!

[ngiderin]

Hi Rupko,

Thank you for helping me, it works.

One more question, is there any way we can remove the “social” from the social button? I prefer it all to be logo..

Thanks before,
Nanang

[Prasant Rai]

Hello Nanang,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[ngiderin]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.x-navbar span.x-hidden-desktop {
    display: none !important;
}
ul.sub-menu li a {
    text-align: left;
}

Is there any way to show the submenu (even if it covers the map)?

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Hope that helps.

[Author]

Posts