Shopify themes, liquid, logos, and UX
Please refer to the picture down below:
For example when the mouse is over on the "Colored-Gemstones" submenu in the "SHOP" dropdown then there should be an underline appearing under the "Colored-Gemstones" text, how can I achieve this?
Password: testingpage
Thank you, Any sources or help are much appreciated!
Solved! Go to the solution
This is an accepted solution.
Please add the below code above </body> in theme.liquid
layout >> theme.liquid
<style>
.header__inline-menu .header__submenu a.header__menu-item:hover {
text-decoration: underline!important;
}
</style>
This is an accepted solution.
Hi @justauser
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag </body>
<style>
.header__inline-menu .header__submenu a.header__menu-item:hover {
text-decoration: underline;
}
</style>
Hope this answer helps.
Best regards,
Victor | PageFly
This is an accepted solution.
Please add the below code above </body> in theme.liquid
layout >> theme.liquid
<style>
.header__inline-menu .header__submenu a.header__menu-item:hover {
text-decoration: underline!important;
}
</style>
This is an accepted solution.
Hi @justauser
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag </body>
<style>
.header__inline-menu .header__submenu a.header__menu-item:hover {
text-decoration: underline;
}
</style>
Hope this answer helps.
Best regards,
Victor | PageFly
Hello there
Find the code for the dropdown list: In your Shopify admin, go to Online Store > Themes > Actions > Edit code. Locate the snippet that displays the dropdown list in the header, usually called "header.liquid" or "header-desktop.liquid."
Add the CSS code: In the stylesheet file, add the following CSS code to create an underline on hover for the dropdown list items:
.header-nav__item:hover .header-nav__dropdown-link { text-decoration: underline; }
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