Hello,
I need help with icon positioning, in certain screen size (i think in min-width: 768px)
the menu icon goes way low and to the right of the cart icon.
I was able to fix it in smaller resolutions by changing position:relative in bootstrap but I can’t change it in this resolution.
i can see in inspector that it takes a margin-top:-30,
but although i changed .navbar-toggle in krystal-style.css nothing happened,
It takes the value from elsewhere.
Please help!
A reply to add the URL of the website, I forgot it yesterday 🙂
Hi Dimitris
Apologies for the late response. Somehow this forum topic left unanswered.
Here is the CSS for the above issue
@media only screen and (max-width: 767px) and (min-width: 480px) {
header.style-1 #krystal-main-menu-wrapper .navbar-toggle {
margin-top: -65px !important;
}
}
@media only screen and (max-width: 767px) {
li.menu-cart-inner {
width: 42px;
}
}Copy & paste into Appearance -> Customize -> Additional CSS
Best Regards
This was perfect, but it creates another problem, because I have increased the logo size, the pop up menu goes behind the logo. What can I do to lower the position of the popup menu?
Thank you veru much!
Hi Dimitris
Try the CSS below
@media only screen and (max-width: 767px) {
#krystal-main-menu-wrapper .collapse.in {
margin-top: 50px !important;
}
}Copy & paste into Appearance -> Customize -> Additional CSS
Best Regards