Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #267997

    Hello,
    my new site is ready. It’s just one problem i can’t fix.
    I have an overlay with logo and responsive menü.
    I would like to hide the header background for the responsive site. Did some CSS without a result …
    Nice, if u have a solutions for this too.

    I did some Custom CSS for the Menü and logo like:

    @media only screen and (max-width: 767px) {
    .responsive .main_menu{position: static; margin-right:5px;}
    .responsive .logo{position: relative; height:80px!important; float:left;}
    .responsive .mobile_slide_out .logo{float:left; margin:5px 0;}
    .responsive .logo a , .responsive .logo img{margin-left: 5px auto; max-width: 90%!important;}
    .responsive .mobile_slide_out .logo img {margin-left: 5px;float:left;}
    .responsive .logo a, .responsive .logo img { max-height: 80px !important; max-width: 90%;}
    }
    

    But it doesent work for me …
    See the picture with my problem:
    Problem

    I should be like this:
    OK

    Site-Link:
    http://www:sakurayama-dojo.de
    What can i do? Thx for your help

    • This topic was modified 9 years, 10 months ago by docperi.
    #268005

    Hey Mario!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) { 
    .responsive .mobile_slide_out .logo {
    left: -15%;
    }}

    Best regards,
    Yigit

    #268511

    Hey Yigit, i have a problem with the menu on an iPad. I did the ‘Header Mobile Menu activation’ for both mobile and tablet. But on my iPad there doesn’t appear the responsive menu. Instead the whole menu is shown and the home-button is pushed into the logo. Can i use the code above, too. Or is there another solution?
    Best regards
    Ronny

    #268577

    Hey!

    Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px and post the link to your website if that does not work :)

    Best regards,
    Yigit

    #268651

    Thanks Yigit, that’s precisely what i did but the problem still appears on the iPad. Here is the link for trying it yourself.
    http://www.stichtingpaterschlooz.nl

    #268660

    Hi Yigit, it’s me once more. I just found out that i missen an update notification. Zo i’ll update the theme an the i’ll se tonight at home wat it does.

    #268682

    Hi!

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

    @media only screen and (max-width: 1140px) {
    .av-main-nav > li > a { padding: 0 7px; }}

    Cheers!
    Yigit

    #269021

    Thanks Yigit, Tonight i’ll see if it works and i will let you know the result.
    greetings Ronny

    #269066

    Hey!

    You are welcome Ronny, we will be waiting to hear from you :)

    Cheers!
    Yigit

    #270491

    Dear Yigit,
    it took some time (i forgot to look at home) but now i can tell you that the extra code did the trick. No more menu items in the logo.
    thanks for helping
    Ronny

    #270540

    Hi!

    You are welcome Ronny, glad we could help :) Let us know if you have any other questions or issues. Have a great day!

    Best regards,
    Yigit

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Problem with responsive menu’ is closed to new replies.