Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 22, 2014 at 5:42 pm #254484
    marketingwebaustralia

    Hi,

    I am having multiple problems with the top menu of a site I have been working on for some time.

    I have taken screen shots to show the multiple problems.

    Full screen – Perfect: http://screencast.com/t/HxpwcjslL
    Medium Screen Size – Menu text goes over logo: http://screencast.com/t/pxDDWbtnj
    Smaller screen Size – Switches to drop down menu BUT over the logo: http://screencast.com/t/L90kKKXDTB
    A little smaller – Same as above: http://screencast.com/t/5lP7M3nF4xom
    Smallest size – Logo is SQUASHED to be more narrow than it should, and menu still over it: http://screencast.com/t/IF413bJMhL

    HOW I WOULD RATHER IT WORK (seen this affect on multiple Enfold sites but can’t work it out (Menu drops below). Would like it to go to this to avoid both the “menu text over the logo” and “square menu dropdown over logo” problems.
    http://screencast.com/t/zJXuvjSv5x
    http://screencast.com/t/sW9SssVy

    I put up a post 6 months ago as per below when I first started the site, and implemented what was suggested but this hasn’t helped:
    https://kriesi.at/support/topic/header-top-menu-overlap/
    The effect is slightly different for the last one with the previous .js file changes implemented, but still wrong – cutting off, and no major change I can see from this code.

    I need to get this site launched urgently and would appreciate any help as soon as possible. Thankyou!

    Matt

    April 25, 2014 at 5:54 am #255923
    David

    Hey marketingwebaustralia!

    3 ways to fix this :

    1. add media queries for the screens where your logo it’s overflowing the container.

    
@media only screen and (min-width: 1140px //here is were you insert the width of the screen ){ //here you manually decrease the width and height of the logo. }

    2. You can deactivate the current menu ( responsive menu ) and use a plugin to activate the dropdown and style that accordingly.
    3. You redesign the logo ( meaning, remove the information and repurpose that ). e.g. Sevicing albury …. can go below the slider and you can center the text, the phone # can go above the navigation righ/left hand side. In that way you utilize what the theme already provides.

    Main problem is your logo is way to big, hope this help you think about how to work around this situation.

    Best regards,
    David

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Multiple top menu problems’ is closed to new replies.