Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1322071

    1) I’m getting two burger menus on tablet view
    two burger menus screenshot
    2) I need to change the color of the hover text color for mobile and tablet to #152c40
    overlay text color snapshot
    I’m already using the following in quick css
    #av-burger-menu-ul li a:hover .avia-menu-text {
    color: #152c40 !important;
    }
    link to website
    Thanks as always!

    #1322187

    Hey hostworks,

    1. Please try this in Quick CSS:

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

    2. And this as well:

    .html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
        background-color: #ddd;
    }

    Best regards,
    Rikard

    #1322203

    Rikard,

    Thanks. The overlay color is fixed, but the double menu is still there. It is also overlaying the content below.
    double menu snapshot
    Also, can I get rid of the “Menu”?

    #1322265

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 1190px) {
    #top #header_main_alternate {
      display: none !important;
    }
    }

    Menu text; you have this CSS applying:

    #header .avia_hidden_link_text {
        display: block !important;
    }

    I’m not sure where it’s added though, it might in the WordPress customiser.

    Best regards,
    Rikard

    #1322392

    Rikard,

    The first group fixed the double burger menu on tablet.
    The second code did not remove the “menu” text. tried it in child custom css and WP theme custom css.

    #1322552

    Hi,

    This CSS is still applying on your site, and it’s overriding the CSS I gave you:

    #header .avia_hidden_link_text {
        display: block !important;
    }

    If you need help finding it, then please post admin WordPress login details in private. It doesn’t seems to be coming from the theme, so you might want to check in the WordPress customiser.

    Best regards,
    Rikard

    #1322562

    Thanks Rikard. Details below.

    #1322703

    Hi,

    Thanks for that. It’s added under Appearance->Customiser->Additional CSS, please remove it from there.

    Best regards,
    Rikard

    #1322711

    What am I removing?

    #1322908

    Hi,

    The code I referred to in this reply.

    Best regards,
    Rikard

    #1322930

    I’m sorry, I’m confirming because I removed that from the customize section, but the word “menu” still occurs on tablet widths.
    CLICK HERE
    Thanks Rikard.

    #1323054

    Hi,

    Please remove following code

    #header .avia_hidden_link_text {
        display: block !important;
    }

    and then go to Enfold theme options > Performance and disable CSS file merging and compression, save theme options, flush cache, confirm that text is removed and then enable CSS file merging and compression again :)

    Best regards,
    Yigit

    #1323155

    Hi Yigit,
    That seems to have done the trick, thank you!

    #1323213

    Hi hostworks,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Mobile display issues’ is closed to new replies.