Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 21, 2014 at 2:11 pm #267997
    docperi

    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 10 years, 6 months ago by docperi.
    May 21, 2014 at 2:23 pm #268005
    Yigit

    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

    May 22, 2014 at 9:59 am #268511
    robucki

    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

    May 22, 2014 at 1:35 pm #268577
    Yigit

    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

    May 22, 2014 at 4:24 pm #268651
    robucki

    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

    May 22, 2014 at 4:36 pm #268660
    robucki

    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.

    May 22, 2014 at 5:29 pm #268682
    Yigit

    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

    May 23, 2014 at 8:46 am #269021
    robucki

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

    May 23, 2014 at 11:44 am #269066
    Yigit

    Hey!

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

    Cheers!
    Yigit

    May 27, 2014 at 1:00 pm #270491
    robucki

    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

    May 27, 2014 at 2:49 pm #270540
    Yigit

    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

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