Archived topic
Various: Menu
3 replies · Started by pairfum on April 14, 2021
Dear Support,
We have two support requests that we are struggling to figure out ourselves and that we hope that you can help us with.
This is our website: https://www.pairfum.com
1. Mobile Menu
On small screen below 321px in width, we find that the 'burger' icon for the menu slips into a second row as soon as a product is in the shopping cart.
Is there a way that we can keep it in the same row? We don't have basket values going over 999.00 in GBP/USD/EUR.
We have tried to adjust margins and padding but the results were not great.
What do you suggest?
2. Desktop Mega Menu
We noticed that after a recent update, small downward pointing arrows have appeared next to menu items that contain submenus.
How can we remove / de-activate these?
We are sure there must be a setting for this but we can't find it. Sorry.
Many thanks for your help with these.
Kind regards,
Pairfum London
Hi there,
1. you could reduce the font size of the amount text:
@media(max-width: 321px) {
#mobile-header .cart-contents>span.amount {
font-size: 10px;
}
}2. Try this CSS:
@media(min-width: 768px) {
.main-navigation .main-nav ul li.menu-item-has-children>a {
padding-right: 7px;
}
.menu-item-has-children .dropdown-menu-toggle {
display: none;
}
}Many thanks for your tips, David.
Both worked very well.
Kind regards,
Pairfum London
You're welcome
