Submenu font and size

Support
#1

Hello, i installed church demo and i have Karla(Google) font for the menu. How i can add this font to the submenu and how i can increase size of submenu font?

#2

Hi Zvonimir,

Thank you for writing in, regretfully there is no option for submenu in X. But we can get around with that with a custom CSS, please add this to Theme Options > CSS.

.x-navbar .desktop .sub-menu li > a {
	font-family: "Karla", sans-serif;
	font-size: 15px;
}

Feel free to adjust that 15px value.

If that did not work, please provide us the site URL so we can take a closer look.

Hope it helps,
Cheers!

1 Like
#3

Thank you, it works on desktop version. On mobile version of site there are no changes, any help about that?

#4

Hi @Luketina,

Ah, in that case, please change that CSS to this

.x-navbar .x-nav-wrap .x-nav > li > a {
font-family: "Karla", sans-serif;
font-size: 15px;
}

It should target both desktop and mobile menu.

Thanks!

#5

That code dont work for me, no changes on sub menu on mobile version.

#6

Hi @Luketina,

Try upading the css code to


.x-navbar .x-nav-wrap .x-nav > li  a  {
font-family: "Karla", sans-serif;
font-size: 15px;
}

Hope it works.

#7

Hello, you post same code as it above. That code dont work for me.
I added code from first post with some additon:

.x-navbar .desktop .sub-menu li > a {
font-family: “Karla”, sans-serif;
font-size: 12px;
font-weight:bold;
text-transform:uppercase;
}

Everything is ok but submenu on mobile menu is problem. I cant get uppercase and font on submenu with this code.

#8

Hi Zvonimir,

Please update the CSS code I’ve provided above to this:

.x-navbar .desktop .sub-menu li > a,
.x-navbar .mobile .x-nav li>a {
	font-family: "Karla", sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

Remember to clear your caching plugins/features after these changes.

If that did not work, please provide us the site URL so we can take a closer look.

Cheers!

1 Like
#9

That code is working, many thanks!

#10

Glad we got there in the end, Zvonimir! Thanks for building with X, and have a great day.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.