Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • April 12, 2021 at 12:15 pm #1293924
    pixel-hustler

    Hi,

    As in the subject, my website does not display menu on the mobiles.

    From Theme Options / Main Menu / General / Menu Items for mobile, I have selected both options and neither of them worked.

    Kind Regards
    Pawel

    April 12, 2021 at 2:02 pm #1293940
    Steve

    Are you on the latest version of Enfold? This was an issue on for me older versions due to jQuery

    April 12, 2021 at 2:24 pm #1293946
    pixel-hustler

    Hi Steve,

    Yes, Enfold 4.8.1, running on WP 5.7.
    Previously it was version: 4.7.6.4 only because API did not link properly and wasn’t picking up on newer version.

    Thanks
    Pawel

    April 14, 2021 at 7:07 am #1294250
    Rikard

    Hi Pawel,

    Your header is hidden on mobile, please check where this CSS has been added and remove it:

    @media only screen and (max-width: 767px) {
.responsive #header_main_alternate {
    display: none;
}
}

    If you need further help then please post admin WordPress login details in private.

    Best regards,
    Rikard

    April 14, 2021 at 10:30 am #1294322
    pixel-hustler

    Hi Rikard,

    I can’t really find where previous admin inserted this code, credentials attached.

    Kind Regards
    Pawel

    April 16, 2021 at 7:09 am #1294707
    Rikard

    Hi,

    You can override that CSS if you add this to Quick CSS:

    @media only screen and (max-width: 767px) {
.responsive #header_main_alternate {
    display: block !important;
}
}

    Best regards,
    Rikard

    April 16, 2021 at 10:10 am #1294745
    pixel-hustler

    Hi Rikard,

    Thank you for that, code worked but now, the mobile menu is is exactly inside the Header, so you can’t actually see it.
    Is there a way of moving Burger Menu to the left of the logo or above the Header as on attached screenshot?

    Kind Regards
    Pawel

    April 19, 2021 at 7:02 am #1295125
    Rikard

    Hi,

    Yes, normally that would be straight forward to achieve, but your header is created using the Layout Builder. I’m not sure why you have chosen to do it that way? Could you try setting your logo in the regular header instead please?

    Best regards,
    Rikard

    April 28, 2021 at 5:59 pm #1297206
    pixel-hustler

    Hi Rikard,

    I know the header is a mess, previous web designer created it like that an now I am trying to fix it.

    I have removed that header built with Layout Builder, but now logo is not showing up nor the menu, but all the settings are correct. Would you be able to have a look, please? Website is on a staging hosting so it’s ok to do any updates.

    Kind Regards
    Pawel

    April 28, 2021 at 6:40 pm #1297212
    pixel-hustler

    Hi Rikard,

    I have sort of fixed it, mobile menu is being displayed properly but styling of menu is now all messed up.

    I would like to have dropdown menu in white colour with blue text. Highlight bar would be blue with white text, but somehow it does not work.

    Kind Regards
    Pawel

    May 1, 2021 at 12:53 pm #1297691
    Rikard

    Hi Pawel,

    Thanks for the update. Are you referring to the mobile or regular menu? I can see a blue background with white menu items on mobile. Please let us know exactly what you would like to change, if you should need further help. Screenshots highlighting your intentions might help us understand what you would like to achieve as well.

    Best regards,
    Rikard

    May 2, 2021 at 9:48 pm #1297814
    pixel-hustler

    Hi Rikard,

    Sorry yes I was reffering to the regular menu. It meant to be blue background with white text, when highlighted it should be white highlight with blue text. At the moment I can’t change highlighted white text color to blue, something is preventing it.

    Kind Regards
    Pawel

    May 4, 2021 at 6:01 am #1298153
    Rikard

    Hi,

    Thanks for the clarification. Please check your settings under Enfold->Advanced Styling. The Main Menu sublevel Links which has the hover box checked, is responsible for that styling.

    Best regards,
    Rikard

    May 4, 2021 at 10:08 am #1298235
    pixel-hustler

    Hi Rikard,

    Yes, I do know that this field is responsible for styling of the hover state. As you can see hover state font color is selected as #1a1a1a but on the website it is displaying as white #ffffff. Something is overwriting that styling and because of that I can’t se the Enfold->Advanced Styling

    Screenshot-2021-05-04-Theme-Options-Latham-Smith-Word-Press-1

    Kind Regards
    Pawel

    May 5, 2021 at 7:15 am #1298444
    Rikard

    Hi,

    This code in Quick CSS is causing that to happen:

    a .avia-menu-text
{
color:#fff;
}

    Best regards,
    Rikard

    May 5, 2021 at 8:21 am #1298463
    pixel-hustler

    Hi Rikard,

    Thank you for the update,
    and yes that was the culprit, all is working as intended, have a great day!

    Kind Regards
    Pawel

    May 5, 2021 at 2:48 pm #1298584
    Yigit

    Hi Pawel,

    Glad Rikard could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘No menu on mobile’ is closed to new replies.