Docs

[TelecatsNL]

Hi,

My website is build in the Icon stack. I like the mobile navbar button on mobile, but not the menu on desktop. This menu i would like to have like the Renew stack, so with the underline, but with the mobile menu button from Icon.

What’s the best way to do this,
1) change the stack to Renew and change the mobile navbar button with css: which css do i need to use here?

2) stay with the Icon stack and change the desktop menu appearance with css: which css do i need to use here?

Hope you can help. Thanks a lot.

Kind regards,
Victor

[Jade]

Hi Victor,

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.

[TelecatsNL]

Hi there,
the url is: http://www.telecats.nl

[Rue Nel]

Hello There,

Thanks for providing the url of your site. I would suggest that you stay with the Icon stack and change the desktop menu appearance by using this custom css in your customizer, Appearance > Customize > Custom > CSS

.x-navbar .desktop .x-nav>li>a>span {
    border: 1px solid transparent !important;
    padding: 0.875em 0;
    border-radius: 0;
}

.x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > li.x-active > a > span, 
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: 0 2px 0 0 red;
}

http://prntscr.com/c8t2hi
http://prntscr.com/c8t29i

Hope this helps.

[TelecatsNL]

This reply has been marked as private.

[Jade]

Hi Victor,

There seems to be a JS error that is stopping the grid to be displayed in Cornerstone. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes.

[Author]

Posts