Llilylee346Jun 25, 2020
How to change top drop down menu text from uppercase to capitalize?
How to change top drop down menu text from uppercase to capitalize?
3 replies · opened Jun 25, 2020
SSemicolon WebSTAFFJun 25, 2020
Hello,
This is Definitely Possible!
- For the Top Links, use the following Code:
.top-links-item > a {
text-transform: capitalize;
}
- For the Primary Menus, use the following Code:
.menu-link {
text-transform: capitalize;
}
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Llilylee346Jun 25, 2020
Thank you so much for your help.
I have a new question, how to position the Primary Menus in the center of the page? (When you give me the code, please kindly also let me know where to find the file the change/edit need to be made)
Many thanks
SSemicolon WebSTAFFJun 25, 2020
Hello,
You will simply need to add the .justify-content-center Class to the .header-row Element. Simply consider checking the index-blog.html Template as this example included within the Package/HTML Folder. Here is the Live Demo: http://themes.semicolonweb.com/html/canvas/index-blog.html .
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard