Need help with CSS

Support
#1

Hi There X Team,

I need help will come CSS on my X website:

I’m trying to find the correct CSS path to adjust the mobile submenus , I would like to be able to change the font face and color of the submenu items on mobile.

I just can’t seem to figure out the correct path, thx for the help.

#2

Hi @johnyct9760,

Thank you for reaching out to us. This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it.

Using Chrome DevTools you can find the right selectors, simply move your cursor to the element (in your case the sub menu items) right click and choose Inspect (see screenshot)

image
image1429×705 260 KB

Now in the Inspector, you can find the correct selectors to apply your CSS, for example to target your mobile menu items, the selector will be .x-navbar .mobile .x-nav li > a

.x-navbar .mobile .x-nav li > a {
    font-size: 2.4em;
    font-family: "Strawberry Blossom";
    color: #785C51;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Hope this helps!

#3

Worked like a charm, thank you so much for the help!

#4

Hi @johnyct9760,

Glad that we are able to help you on this.

Thanks

#5

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