My Store URL: DanLo
I have removed main menu in header and wrote custom liquid code where i put the menu. Now i want some customizations in it:
-
How can i hide sell with us and contact from it.
-
As i have sub menus like in men i have Tshirts, trousers etc and almost in all sections i have these i want to show them only when customer hover on the min menu. with that if customer is hovering on men it shall be highlighted with color #ee6912 and text in color #ffffff. Please help me with that.
* Thsi is my CSS:
.custom-horizontal-menu {
padding: 10px 0;
}
.custom-horizontal-menu ul {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
}
.custom-horizontal-menu li {
margin: 0 7px;
}
.custom-horizontal-menu a {
text-decoration: none;
color: #ffffff;
font-size: 15px;
padding: 1px 1px;
display: inline-block;
}
@media only screen and (min-width: 768px) {
{
display: block;
}
}
@media only screen and (max-width: 767px) {
{
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
{
display: none;
}
}
*This is my html for it:
-
{% for link in linklists.main-menu.links %}
- {{ link.title }} {% endfor %}