Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • June 25, 2018 at 12:02 am #977249
    sovik_rc

    How to fix Menu responsive issue. It’s overlaps the logo

    • This topic was modified 6 years, 5 months ago by sovik_rc.
    June 25, 2018 at 2:31 am #977287
    Ismael

    Hey Sovik,

    Thank you for using Enfold.

    Go to the Enfold > Main Menu > General panel and then set the “Menu Items for mobile” to the second option. The mobile menu should display when the screen is equal to or less than 989px.

    Best regards,
    Ismael

    June 25, 2018 at 12:18 pm #977392
    sovik_rc

    Thank you :)
    Now just home menu is overlapping the logo, is there any solution ?

    June 25, 2018 at 2:21 pm #977483
    Victoria

    Hi sovik_rc,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 25, 2018 at 2:21 pm #977484
    Victoria

    Hi sovik_rc,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 25, 2018 at 2:31 pm #977493
    sovik_rc

    I have directly added those code in custom.css but still home menu overlapping on logo

    June 26, 2018 at 4:23 am #977766
    Rikard

    Hi,

    Thanks for the feedback. I checked your site but it looks like the mobile menu activates just before any overlapping is occuring. Did you make sure to clear your browser cache? You could also adjust the value 1024 in Victorias code to something higher.

    Best regards,
    Rikard

    June 26, 2018 at 1:08 pm #977931
    sovik_rc

    I have tested with cache cleared still same. Only Home menu button is over lapping.

    June 27, 2018 at 5:34 am #978241
    Rikard

    Hi,

    Thanks for that, did you try to increase the value 1024 to a higher value in the code Victoria sent?

    Also please try the code in Quick CSS in the theme options.

    Best regards,
    Rikard

    June 27, 2018 at 8:29 am #978291
    sovik_rc

    Yes I have tried with higher value 1400 but still home button was overlapping. I have also tested with cache cleared.
    At the moment I have removed that code as that wasn’t working for me.

    June 27, 2018 at 1:51 pm #978408
    Rikard

    Hi,

    It’s switching at 1050 pixels on my end, the CSS is coming from a minified file. Are you using minification at the same time you are adding new CSS? If so then please turn it off.

    Best regards,
    Rikard

    June 27, 2018 at 3:06 pm #978445
    sovik_rc

    After turning off minify it’s working fine :) But when I’m turning on minify it’s wont work. Should I add this code in quick CSS ?

    My top menu all content not showing from 1050px to 768px

    • This reply was modified 6 years, 5 months ago by sovik_rc.
    June 30, 2018 at 7:17 am #979564
    Vinay

    Hi,

    Thank you for getting back to us with the test results. Please select “Delete old CSS and JS files?” on the Enfold > Performance > at the bottom.

    If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.

    Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    If you still have any issue please post the login credentials in private so we can take a closer look.

    Best regards,
    Vinay

    July 3, 2018 at 1:01 pm #980535
    sovik_rc
    This reply has been marked as private.
    July 5, 2018 at 10:06 am #981483
    Victoria

    Hi sovik_rc,

    Best regards,
    Victoria

    July 5, 2018 at 11:39 am #981531
    sovik_rc

    Okay please check now.

    July 7, 2018 at 11:22 am #982391
    Victoria

    Hi sovik_rc,

    Thank you, I was able to check and can see the links on mobile.

    Best regards,
    Victoria

    July 7, 2018 at 11:31 am #982400
    sovik_rc

    Hello,

    I have disabled your code which you provided and not it’s overlapping. If you resize browser from desktop then you will understand.

    July 7, 2018 at 7:46 pm #982529
    Victoria

    Hi sovik_rc,

    I am from Ukraine. I did not make any changes though.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.