Pipeline theme - Removing capitalize on sub-menu items

Store Design
1

Hi all,

I have an issue that I hope shouldn’t be too difficult to solve.

I am using the Pipeline theme with the “meganav” function to help people find quickly what they need from the navbar. However I think it feels pretty heavy on desktop (see printscreen below) and I’d like to remove “capitalize” on the sub-menu items (but not on the ‘upper’ levels).

Could any of you assist me with that? I assume I need to change something in my CSS file.

Store address : https://www.omaj.fr

Thank you !!

Paul

paul_omaj_0-1631008770642.png
paul_omaj_0-1631008770642.png2842×1062 264 KB

1 Like
2

At the end of your theme.css file add the following

.navtext {
  text-transform: none;
}

.sliderow__title {
  text-transform: none;
}

If you do not want to append to the end of the css file then you can look for the text-transform property on the .navtext and .sliderow__title selectors in the file. It is possible these are added by a plugin in which case you will not find these selectors in the theme.css and proceed to append the above code at the end of your theme.css

3 
span.navtext {
    text-transform: none !important;
}

@paul_omaj
Add this code in theme.dev.css

4

Hi both of you and thank you for the very quick response!

Unfortunately that is not exactly what I was looking for… I’m very happy with having the “grandfather” and “father” elements capitalized, I just want the child element with no transformation.

Is there something I can do here?

Thanks!

5 
.header__dropdown .navlink .navtext {
    text-transform: none !important;
}

@paul_omaj
Add this code to theme.dev.css

6

I would suggest you change the text in those menu items to be capitalized. Otherwise you can append the following code to your theme.css

.navlink--grandchild {
  text-transform: none;
}
7

Great, thank you !