Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 28, 2014 at 5:00 am #341981
    ted77

    Hi – I’ve been digging through all of the previous responses to this issue but couldnt get any of the fixes to work. I need to get my Nav menu to jump to responsive even earlier than the option in the header. I read an old post and I need it to work like this site: http://www.auxigene.net/

    so that as soon as you start to shrink the window and the nav menu would overlap with the logo the Responsive box appears. Thank you very much.

    Ted

    October 28, 2014 at 6:20 pm #342358
    Yigit

    Hi ted77!

    It seems like you set to display mobile menu at 990px width and menu does not overlap logo when i resize browser window. Have you already figured it out?

    Cheers!
    Yigit

    October 28, 2014 at 8:46 pm #342405
    ted77

    Hi Yigit, Thanks for the response. The link I posted was from someone who did it correctly. I did not do i correctly.. The site is in question is this one: http://108.178.38.106/~online57/mimnolaw.com

    I’m hoping to do the above. Similarly to how this site did it. http://www.auxigene.net/. I found a forum post where she was able to figure it out but I couldn’t get the CSS fixes to work for me.

    Thank you!

    Ted

    October 28, 2014 at 10:13 pm #342429
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1140px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 8px; }
strong.logo * { max-width: 85%; }}

    Best regards,
    Yigit

    October 28, 2014 at 11:11 pm #342447
    ted77

    Hi Yigit,

    Thanks for the css – sadly that didn’t do it right. Very close though. There’s a break where the logo switches to a smaller one but the “Home” gets to far into the big logo before the switch to the smaller logo. Would I have to change the break point in the whatver php file that’s in? Please let me know. Thank you for your help btw (:

    Ted

    October 28, 2014 at 11:13 pm #342449
    Yigit

    Hey!

    Please use the code as following instead

    @media only screen and (max-width: 1200px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 8px; }
strong.logo * { max-width: 85%; }}

    that should help :)

    Cheers!
    Yigit

    October 28, 2014 at 11:26 pm #342454
    ted77

    Heyyyyy! This guy right here (:

    Thank you!

    Didn’t realize I could change the max width like that. Thank you!

    Ted

    October 28, 2014 at 11:28 pm #342456
    Yigit

    Hi!

    You are welcome, glad we could help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Menu Overlap’ is closed to new replies.