Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 29, 2018 at 7:13 pm #963875
    premedia

    Hi,
    I have just increased the size of the font on the flyout mobile menu to 20 point. I used some CSS I found on this forum as below.

    I have 2 Questions ( also see screenshot of iPhone5 viewport in google dev tools)

    Screen Shot 2018-05-29 at 17.50.23 copy.png

    1. How can I change the background colour from #232323 to #FBE225 and Change the text AND Burger Cross (X) to #232323. I am essentially inverting the colour scheme here.

    2. Even when the text was smaller it was falling off the bottom of the viewport on the iPhone 5. Now its larger it has the same problem.
    Is it possible to move this flyout menu UP on the viewport so thats its completely visible and not touching the bottom. Either by shifting the whole thing UP (ideal) or reducing the spaces between the menu items (Compromise).

    The Code I have used so far:-
    ========================
    /* Mobile Burger Menu Styling*/
    @media only screen and (max-width: 990px) {
    #av-burger-menu-ul .avia-menu-text {
    font-size: 20px !important;
    }
    }
    =========================
    Thanks for your help.
    regards
    Pete

    Here’s my website:-

    http://british-voiceover.co.uk

    June 1, 2018 at 9:15 am #965118
    Vinay

    Hey premedia,

    To change the overlay background color go to Enfold > Advanced Styling > Menu Links in overlay/slide out > Menu Background
    To change the burger menu icon color go to Enfold > Main Menu > Burger/Mobile Menu styling > Menu Icon Color

    To push the menu towards the top Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - */

#top #av-burger-menu-ul {
    display: block;
}

/* End CSS */

    Please check our documentation for more info https://kriesi.at/documentation/enfold/menu/#toggle-id-3

    Best regards,
    Vinay

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