Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 19, 2017 at 12:17 pm #853807
    projectt_co_uk

    Hi,

    i am working on following website.

    http://www.payday-loanrefunds.co.uk

    The mobile menu is very small, I would like to change the colour and the font size for the mobile menu.

    Can I also insert an image as a background of mobile menu.

    I don’t want the desktop menu to be affected by this change.

    Your help will be appreciated.

    September 19, 2017 at 2:34 pm #853862
    Nikko

    Hey projectt_co_uk,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):
    just change the color and font size for mobile menu, and replace http://mydomain.com/image.jpg with your image’s link.

    @media only screen and (max-width:767px) {
  #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    font-size: 36px;
    color: white !important;
  }

  #top .av-burger-overlay-inner {
    background-image: url('https://mydomain.com/image.jpg');
  }
}

    Hope this helps :)

    Best regards,
    Nikko

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