Shopify themes, liquid, logos, and UX
Hi, I have the Turbo theme from Out of the Sandbox. I am trying to figure out how to only bold the Menu titles in each column, and leave the sections under the menus normal text weight.
Example, hover your mouse over the main menu, on the menu item (Trending) should appear in bold, and then the style categories below it (Summer Fashion, Tie-Dye, Prints, etc) would be normal weight. Can anyone please assist? Thank you in advance.
Please share your store URL.
Please add the following code at the bottom of your assets/styles.scss.liquid file.
#mobile_nav ul li a:hover, #nav ul li a:focus, #nav ul li a:hover, #nav ul li:focus a, #nav ul li:focus a.sub-menu--link, .slicknav_btn{
font-weight: bold !important;
}
Hope this works.
Thanks!
I added the code in assets/styles.scss.liquid at the bottom, but unfortunately it didn't change the text style to bold.
I added the code in assets/styles.scss.liquid at the bottom, but unfortunately it didn't change the text style to bold
Can you try to add this again?
#mobile_nav ul li a:hover, #nav ul li a:focus, #nav ul li a:hover, #nav ul li:focus a, #nav ul li:focus a.sub-menu--link, .slicknav_btn{
font-weight: bold !important;
}
Unfortunately that didn't work either. I did change the code a tiny bit when it didn't make any changes, and now the horizontal menu section bold when highlighted, but I'm needing the sections in the Mega Menu to be permanently bold. Here is the code so far, with the small changes I made.
Please add the following code at the bottom of your assets/styles.scss.liquid file.
#mobile_nav ul li a, #mobile_nav ul li a:active, #mobile_nav ul li a:visited, #nav ul li a, #nav ul li a:active, #nav ul li a:visited, .mobile_currency select, a.slicknav_btn {
font-weight: bold !important;
}
Thanks!
That made everything bold in menu outside of the Mega Menu. I need the menu titles inside the mega menu bold, but not the menu items.
Please share screenshot what do you want!
Thanks!
The items Highlighted are Menu Titles. They need to be bold as compared to the non Highlighted items, which are Menu Items. The information pulls from the Menu Navigation entered into the fields under each Column, Menu 1, Menu 2, etc. (see below)
Example of the look I'm trying to achieve:
This is some js and css customization work .Please share your theme zip file i will check code and provided solution to you.
Thanks!
I've emailed you the file as requested.
Im having the same problem as her!!! The menu outside of the mega
menu (home, collection, gift cards, ...) is bold and i just want the mega menu tittles to be like that (accesories, bottoms, dresses, ...)
Could you help me please?
I'm looking for the same solution to make the bold buy button on my Fashion related ecommerce website which I hosted on Shopify. Can you tell me any plugin or app to make the bold text?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024