Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 2, 2013 at 7:23 am #27100
    pergr

    Hi, I have used your Enfold theme to create this website http://www.webmarine.gr & i’ m dealing with the usual issue of the logo overlapping the main menu. As I am quite novice I would like a small code that would allow me to move the main menu under the logo and center the logo in the page.

    Thank you in advance.

    Peri

    August 3, 2013 at 7:29 am #132774
    Dude

    Unfortunately this is not easily possible with the fixed header (sticks at the top and re-sizes/scales when the user scrolls down). You can try to use the standard header (which is not fixed) or you can re-size the logo to 250px width and use the fixed header. The necessary css code would be

    .logo img {
    
width: 250px;
    
}

    August 6, 2013 at 9:22 am #132775
    pergr

    Hey,

    Thanks for the reply, works like a charm! Unfortunately when somebody visits the site from a tablet, if the tablet is in portairt view, the main menu dissappears. Any ideas on that?

    August 8, 2013 at 1:57 am #132776
    Nick

    Hi,

    Please open /js/avis.js and find line 85 that looks like

    switchWidth 	  = 767;

    and change it to

    switchWidth = 989;

    Thanks

    Nick

    August 8, 2013 at 2:51 pm #132777
    Atnevon

    I’ve actually been looking into correcting this on my own site, but haven’t gotten around to it yet. I was curious if you might be able to explain the math you do to come up with the right switchWidth value? Or, is this a case of trial and error mostly?

    I’m sure it’d be handy for others to have. I know that for me, we’re constantly changing around menus, so I want to make sure I know what I need to tweak each time we do.

    August 9, 2013 at 5:19 am #132778
    Ismael

    Hi,

    switchWidth = 767;

    The number 767 refers to width of the browser, device or desktop.

    Regards,

    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Logo Overlapping Main Menu’ is closed to new replies.