Docs

[Chiweilin]

Hi,

Here’s my website: http://www.errantrybnb.com

The size of the font in drop down menu under “ROOMS” seems too small (screenshot attached), I want to make all them bigger. Is there anyone who can help me with it? Need to use CSS?

Thanks a lot, appreciate it.

Chiwei

[Nico]

Hi There,

Thanks for writing in.

Add this in your customizer’s custom CSS:

.desktop .sub-menu{
font-size: 21px;
}

Thanks.

[Chiweilin]

Hi Nico,

Thank you very much, it works pretty well.

Two more questions:
#1 How do I make each line of the submenu closer to each other? Is is

.desktop .sub-menu{
line-height: xxpx;
}

or something else?

#2 How do I make the width of the submenu pop-out box narrower? And make the box appear exactly right below the “Rooms” instead of further left like what it is right now?

Looking forward to hearing from you.
Appreciate it.

[John Ezra]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

For #1:

.desktop .sub-menu a {
    padding:0 1.6em;
}

For #2:

.masthead-inline .x-navbar .desktop .sub-menu {
    left: auto;
    right: auto;
}

.desktop .sub-menu {
    min-width: 120px;
}

Hope this helps – thanks!

[Author]

Posts