Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 9, 2021 at 8:12 pm #1293576
    metamorfic

    Hi! I’m trying to change the size and color of my Full page overlay sub menu on mobile witout changing the style of my standard sub menu on desktop. Every CSS I tried change both. Can you help?

    April 10, 2021 at 4:20 pm #1293652
    Nikko

    Hi Genevieve,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  #top .av-burger-overlay-inner {
    background-color: antiquewhite;
  }
}

    just change the background color.

    Best regards,
    Nikko

    April 10, 2021 at 8:27 pm #1293697
    metamorfic

    Thanks! I actually used this code to achieve my goal! I had just forgot to use the “@media only…” at first!

    @media only screen and (max-width:989px) {
    .sub-menu li a .avia-menu-text {
    font-size:20px!important;
    color: #d99e45;
    }}

    You can close this!

    April 11, 2021 at 3:30 pm #1293773
    Nikko

    Hi metamorfic,

    We are happy to hear that :)
    Thanks for using Enfold and hope you had a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Full page overlay submenu style’ is closed to new replies.