Return to previous page

X store Mobile dropdown issue - by Aryanna_p

This topic has 2 replies, 2 voices, and was last updated 2 years, 3 months ago ago by Tony Rodriguez

Aryanna_p

Participant

November 9, 2022 at 18:52

Hello,
The mobile menu dropdown has “Capitalize”. Cannnot find where to change this.
https://prnt.sc/acoWXelm1eWH
I’ve found this but where Can I change it in the theme setting?
.mobile-menu-content .et_b_header-menu .nav-sublist-dropdown, div.mobile-menu-content .et_b-tab-content .widget .children {
text-transform: capitalize;
}
Also where can I style the dropdown menu for the mobile, like background, color of the font?
thanks

#338228 Copied Theme version: 8.3.5

1 Answer

Tony Rodriguez

Support staff

November 10, 2022 at 07:18

Hello, @Aryanna_p,

1- Actually, there is no specific option in the theme to change the font style of the mobile menu dropdown you have to make it using custom CSS code in the Theme Settings >>Theme Custom CSS >> Global CSS. You can use the below code to change it.

.mobile-menu-content .et_b_header-menu .nav-sublist-dropdown{text-transform:lowercase !important;}

2- Again, You have to make it using custom CSS code. I write the CSS code below to change the background color.

.mobile-menu-content .et_b_header-menu .nav-sublist-dropdown{background:red !important;}

In the above code, the word “red” is the color you can change it with the color you want.

Here are the result screenshots after adding the above both codes how it looks like you can see the font style and background color: https://postimg.cc/Y4yP7ppQ

Regards 8Themes Team.

#338246 Copied
Tagged: issue, mobile dropdown, themes, woocommerce, wordpress, x-store
Viewing 2 results - 1 through 2 (of 2 total)