Tagged: 

Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • February 7, 2018 at 3:04 pm #909205
    ac

    Hi, the burger/mobile menu seems to have disappeared on a few of my Enfold sites. I can’t see why in the settings. Please can you help…

    Thanks

    February 7, 2018 at 3:52 pm #909227
    Yigit

    Hi,

    You have following custom CSS code 

    @media only screen and (max-width: 1130px) {
nav.main_menu {
    display: none !important;
}}

    Please remove it and flush cache in cache plugin you are using and that should help :)

    Best regards,
    Yigit

    February 7, 2018 at 4:07 pm #909240
    ac

    Thank you, that is code i was previously given to to stop menu overlapping logo.

    The burger menu is back on, but it is very low, actually overlapping (or being hidden by) the page content below it. Can you see what code I need to remove/adjust/add to have it in the right place?

    February 7, 2018 at 5:29 pm #909319
    Yigit

    Hi!

    Please change following code 

    .main_menu > div > ul.av-main-nav > li > a {
    padding-top: 45px !important;
}

    to following one 

    .main_menu > div > ul.av-main-nav > li.menu-item > a {
    padding-top: 45px !important;
}

    And to change mobile menu break point, please refer to this post – https://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Cheers!
    Yigit

    • This reply was modified 6 years, 10 months ago by Yigit.
    February 7, 2018 at 5:54 pm #909327
    ac

    Thank you, that’s perfect. Another query sorry… how can I get a bit of white padding above and below the logo. I have css in as previously advised which is

    strong.logo img{
    padding: 15px 0px;
    }

    but there is no padding appearing, the logo fills the header vertically.

    February 7, 2018 at 6:05 pm #909330
    Yigit

    Hey!

    Please replace your custom CSS above with following one – https://pastebin.com/Nh1fCbnH, then apply this one again.

    Regards,
    Yigit

    February 7, 2018 at 6:24 pm #909336
    ac

    Hi Yigit, i’ve replaces all the custom css as per the pastebin and also cleared cache, but it’s still not got any padding around the logo – both on desktop and mobile. sorry

    February 7, 2018 at 6:25 pm #909337
    Yigit

    Hi,

    Could you please create a temporary admin login and post it here privately so we can look into it? :)

    Best regards,
    Yigit

    February 7, 2018 at 6:35 pm #909341
    ac
    This reply has been marked as private.
    February 7, 2018 at 7:09 pm #909346
    Yigit

    Hey!

    I corrected one more issue in Style.css file of your child theme and then changed the code to following one and flushed cache 

    .logo img{
padding: 15px 0px;
}

    Please review your website

    Best regards,
    Yigit

    February 7, 2018 at 7:25 pm #909354
    ac
    This reply has been marked as private.
    February 9, 2018 at 1:23 am #910072
    Ismael

    Hi,

    I’m not sure about the changes so I’ll ask Yigit to check the thread again. Please wait for his response. :)

    Best regards,
    Ismael

    February 13, 2018 at 12:59 am #911439
    Yigit

    Hey!

    Please see private content field below :)

    Cheers!
    Yigit

    March 8, 2019 at 5:02 pm #1076418
    webdesignphx

    I have a similar problem. on the phone the menu it sometime appears but there is nothing on it.
    On the website when I make the screen smaller I don’t see the burger menu at all..
    Thanks
    Martina

    March 9, 2019 at 1:34 pm #1076753
    Rikard

    Hi Martina,

    The login details you posted are not working, please check and verify.

    Best regards,
    Rikard

    March 9, 2019 at 5:56 pm #1076800
    webdesignphx
    This reply has been marked as private.
    March 12, 2019 at 8:33 pm #1077951
    Victoria

    Hi webdesignphx,

    I replied to you in another thread. Please keep the discussion there and do not post here.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    March 12, 2019 at 10:46 pm #1078023
    webdesignphx

    Hi Victoria where can I find that thread? Thanks for your help.

    March 13, 2019 at 4:57 pm #1078307
    webdesignphx
    This reply has been marked as private.
    March 15, 2019 at 8:55 am #1079034
    Victoria

    Hi webdesignphx,

    Hmmm… Anyway, the menu shows up fine on my end.

    Can you please attach a screenshot of the issue on your end?

    Best regards,
    Victoria

    March 16, 2019 at 6:31 pm #1079470
    webdesignphx
    This reply has been marked as private.
    March 21, 2019 at 7:33 am #1081208
    Ismael

    Hi,

    Thanks for the update.

    Use this css code to decrease the size of the logo and prevent the overlap.

    @media only screen and (max-width: 767px) {
.responsive .logo img {
    max-height: 50px !important;
}
}

    This css code creates substantial padding at the right side of the main container leaving less space for the content.

    #top .container main {
    order: 2;
    flex-grow: 1;
    padding: 0 50px 0 0;
}

    Why did you add that?

    Best regards,
    Ismael

    March 21, 2019 at 4:53 pm #1081475
    webdesignphx

    Thank you Ismael.
    You guys are awesome!
    Martina

    March 24, 2019 at 7:55 pm #1082350
    Victoria

    Hi Martina,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 24 posts - 1 through 24 (of 24 total)
  • You must be logged in to reply to this topic.