Shopify themes, liquid, logos, and UX
Hello, I have the problem that the header gets bigger as soon as you hover over a category with the mouse cursor. The reason for this is probably the coding that is for the box around the categories. But I would like to still keep this box. Could you maybe help me with that?
my site: https://8929c6-2.myshopify.com
Solved! Go to the solution
This is an accepted solution.
Hey @corneliorrr
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.
<style>
.header__menu-item {
padding: 0rem 1.2rem !important;
display: block !important;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
/* Example CSS code */
.navigation__dropdown-link:hover {
/* Hover styles here */
font-size: 20px;
color: red;
}
Please add the following code to your assets/base.css bottom of the file.
.header__menu-item {
padding: 0rem 1.2rem !important;
display: unset !important;
}
Thanks!
ok, what is it exactly for?
This is an accepted solution.
Hey @corneliorrr
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.
<style>
.header__menu-item {
padding: 0rem 1.2rem !important;
display: block !important;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Ah, Thank you, would it also be possible for the categories to stay the same and not move when you hover over them?
header gets bigger as soon as you hover over a category
@corneliorrr add below css into theme.css file
ul.list-menu.list-menu--inline span:hover {
border-radius: 0px !important;
padding: unset !important;
}
Thanks Welcome again if any problem!
yes, would it also be possible for the categories to stay the same and not move when you hover over them?
User | RANK |
---|---|
155 | |
127 | |
81 | |
72 | |
66 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023