X store Mobile dropdown issue - by Aryanna_p

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

  • Avatar: Aryanna_p
    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

    1 Answer
    Avatar: Tony Rodriguez
    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.

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.