Replies (4)

1. 

   Dimitris September 12, 2023 at 8:30 am

   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!

2. 

   Dimitris September 13, 2023 at 3:04 pm

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

3. 

   Spiracle Themes September 18, 2023 at 3:45 pm

   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

4. 

   Dimitris September 19, 2023 at 7:12 am

   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!

5. 

   Spiracle Themes September 19, 2023 at 12:20 pm

   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