Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 19, 2016 at 12:48 pm #662441
    CFuturo

    Hi!

    First I would like to say that your theme is very spetacular. Second, my problem:

    I have set up a header with these elements: Logo – menu – image – social icons. The header works fine in a range of screen sizes. But when the screen size gets too big or too small, the menu and the image start to overlap the other elements. Is there a way to fix this so they won’t overlap?

    Here is the website: http://www.unexmin.eu/

    Thank you very much!

    July 19, 2016 at 4:03 pm #662587
    Vinay

    Hey CFuturo,

    The solution would be to trigger the mobile menu a bit early just before the menu starts to run into the logo.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 1124px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Best regards,
    Vinay

    July 19, 2016 at 4:23 pm #662610
    CFuturo

    Unfortunately, it does not seem to work. I still get the overlap when changing screen size (zooming in and out on the computer and on mobile phone).

    July 20, 2016 at 12:10 pm #662906
    Rikard

    Hi,

    Looks like that code Vinay sent you should work, could you post admin login details in private so that we can have a closer look please?

    Best regards,
    Rikard

    July 20, 2016 at 12:56 pm #662928
    CFuturo

    a

    • This reply was modified 8 years, 4 months ago by CFuturo.
    July 20, 2016 at 3:40 pm #663025
    Vinay

    Hi,

    I notice the code is working but the mobile menu should trigger at 1300px.

    I cannot access the wp-admin page i think you have a password for this page?

    Please change 1124 to 1300px in the line 

    @media only screen and (max-width: 1124px) {

    This should be 

    @media only screen and (max-width: 1300px) {

    This should work on chrome, FF and IE. You may not see the changes until the cached files are cleared in your browser.

    Please try to 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” and review the site again.

    Best regards,
    Vinay

    July 20, 2016 at 5:54 pm #663067
    CFuturo

    Thanks, now I do not see any overlap, but the mobile menu structure triggers to soon. Maybe I will have to think the menu structure over.

    July 20, 2016 at 6:20 pm #663078
    Jordan

    Hi,

    Glad we could help. Let us know if there is anything else we can assist you with :)

    Best regards,
    Jordan

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