Author Posts

[Dimitris]

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!

[Dimitris]

A reply to add the URL of the website, I forgot it yesterday 🙂

[Spiracle Themes]

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

[Dimitris]

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!

[Spiracle Themes]

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

[Author]

Posts