• Resolved helenes13

    (@helenes13)


    Hello
    I can’t have the same letter case everywhere in my menu. I want “capitalize” in each of the 3 levels (the “Galleries” menu link).

    The present code works fine for the first level :

    body .main-nav .menu > li > a {
    	text-transform:capitalize;
    }

    I have tried to replace it with this one for the whole 3 levels :

    body .main-nav-menu .sub-menu li  .sub-sub-menu li a{
        text-transform:capitalize;
    }

    It does not work and even spoils the first level that turns back to uppercase.
    NB : the problem does not concern the mobile menu which works fine.

    Could someone help me to have the 3 levels similar in “capitalize” ?
    Thanks in advance.

    • This topic was modified 4 years, 6 months ago by helenes13.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter helenes13

    (@helenes13)

    I have also tried this without success :

    .basel-navigation .sub-menu-dropdown,
    .basel-navigation .sub-sub-menu{
    	text-transform:capitalize;!important;
    }

    And that :

    .item-event-hover:hover > .sub-menu-dropdown{
    	text-transform:capitalize;
    }

    Still nothing…

    • This reply was modified 4 years, 6 months ago by helenes13.

    .basel-navigation .menu > li.menu-item-design-default ul li a {
    text-transform: capitalize !important;
    }

    Try this

    Thread Starter helenes13

    (@helenes13)

    Thank you for your help… But it still does not work.

    Path:- /wp-content/themes/basel/style.min.css

    Edit style.min.css

    Find class: .basel-navigation .menu > li.menu-item-design-default ul li a

    Replace: text-transform: uppercase; to text-transform: capitalize;

    Thread Starter helenes13

    (@helenes13)

    Thank you. Have to go. Will try later and let you know.

    Thread Starter helenes13

    (@helenes13)

    After several trials, I have replaced several “uppercase” I found on my way and now “capitalize” shows everywhere in my menu.
    GREAT ! Thanks !
    But one problem remains : in the 2nd and 3rd level of the menu, the font is “Lato”, which I chose for paragraphs. But I would like it in “Cormorant Infant”, like all my titles and links. I have seen in “style.min.css”, in the menu specifications, “font-family:basel-font”. Do I have to replace this with “font-family:cormorant-infant” ?

    yes

    Thread Starter helenes13

    (@helenes13)

    It does not work. I think I have placed “cormorant-infant” in the occurrences concerning menu and submenu. But the dropdown menu still shows in “Lato”.

    Do you see a solution ?

    Moderator bcworkz

    (@bcworkz)

    The font family style is being overridden by other rules. The governing rule is in dynamically generated style rules, so it’s difficult to tell where it’s really coming from. Try adding this rule to the Additional CSS panel of the customizer:

    .basel-navigation .menu > li.menu-item-design-default .sub-menu li a {
      font-family: "Cormorant Infant", Arial, Helvetica, sans-serif;
    }

    Hopefully this will override the override ??

    Thread Starter helenes13

    (@helenes13)

    FANTASTIC ! It works fine !
    Thank you all for your precious help !

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Letter case concern in submenu’ is closed to new replies.