Docs

[Headlines34]

Hi,

I can’t get my mobile nav button to display.

http://77.104.145.230/~artillio/horsepowerenterprisesllc.com

Thanks,
Chuck

[Headlines34]

This reply has been marked as private.

[Rupok]

Hi Chuck,

Thanks for writing in! It’s there but color is white so it’s invisible. You can add this under Custom > CSS in the Customizer.

.x-btn-navbar, .x-btn-navbar:hover, .x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover {
  color: #333;
}

Hope this helps.

[Headlines34]

That seems to work, but it’s only showing three lines, instead of the full button. Is that inherited from the stack or can it be changed to a grey hamburger box with three white lines?

Also, I’d like to change the sub-menu under award winning restorations to center aligned and matching the primary menu font and size. How can this be achieved?

Thank you,
Chuck

[Rupok]

Hi Chuck,

It supposed to be just three lines. If you want; you can add styling to make like a button by updating hte code a bit :

.x-btn-navbar, .x-btn-navbar:hover, .x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover {
  background: #ddd none repeat scroll 0 0;
  color: #333;
  padding: 10px;
}

To match the submenu; you can use :

.x-navbar .mobile .x-nav ul {
  margin: 0;
}

Hope this helps.

[Headlines34]

How could I add a slight radius to the mobile menu?
The code to match the submenu font to the primary did not work.

Thank you,
Chuck

[Joao]

Hi There,

Can you please add the following code to Appereance > Customizer > Custom > CSS

.x-btn-navbar, .x-btn-navbar:hover, .x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover {
    border-radius: 7%;
}

.x-navbar .mobile .x-nav li>a {
 
    background: white;
    font-size: 20px;
}

Hope that helps

Joao

[Headlines34]

Nav button is complete.

Still can’t get sub menu font to match parent.

Thanks

[Jade]

Hi Chuck,

I have checked your site and the sub nav font seem to match the parent nav items. See screenshot below.

[Headlines34]

Yes, correct on mobile. I need it to match for the desktop. Sorry for the confusion.

Thanks,
Chuck

[Jade]

Hi Chuck,

Please add this code:

.x-navbar .desktop .sub-menu a {
    font-size: 18px;
}

Hope this helps.

[Author]

Posts