Okay
  Public Ticket #1566542
Mobile Menu
Closed

Comments

  •  1
    rahelkohler started the conversation
    May 7, 2018 at 1:26pm

    Hi!

    Is there a way to change the background-color and transparency of the fullscreen mobile menu?

    thanks a lot,

    Rahel

  • [deleted] replied
    May 8, 2018 at 5:00am

    Hi rahel,

    Please consider reading the article we wrote about How to Add Custom CSS to your site then paste the code below in Custom CSS area:

    .main-header.menu-type-full-bg-menu .full-screen-menu.translucent-background { background: rgba(255,255,255,.97); }

    Thank you.

  •  1
    rahelkohler replied
    May 8, 2018 at 12:46pm

    Hi Eroll,

    thanks for your answer. I did add your Custom CSS, but that doesn't change the mobile menu, only the desktop version. Is there a way to change the background of the mobile fullscreen menu?

    thanks, Rahel

  • [deleted] replied
    May 8, 2018 at 2:47pm

    Hi there,

    Sure there is so just paste the code below in Custom CSS area and hope this will fix stuff:

    .mobile-menu-open .mobile-menu-wrapper.mobile-menu-fullscreen{ background: rgba(255,255,255,.97); }

    Thank you.

  •  1
    rahelkohler replied
    May 13, 2018 at 6:15pm

    Dear Eroll,

    thanks! It works, the only thing is, that there is a short moment (before the Menu actually appears) where still the default color pops up. Is there a way to change that too?

    thanks, Rahel

  • [deleted] replied
    May 14, 2018 at 4:22am

    Hi rahelkohler,

    If your site is online I would take quick view to see what is a happening exactly.

    Thank you.

  •   rahelkohler replied privately
  • [deleted] replied
    May 14, 2018 at 3:10pm

    Hi rahelkohler,

    Can you record a video in my side things looks fine.

    Thank you.

  •  1
    rahelkohler replied
    May 15, 2018 at 7:37am

    Hi Eroll,

    I tried to record a video, so that you can see that the background changes from black to red.

    thanks a lot,

    Rahel

  • [deleted] replied
    May 15, 2018 at 2:11pm

    Hi there,

    You or is default defined in Custom CSS you have to edit the custom class below:

    .mobile-menu-open .mobile-menu-wrapper.mobile-menu-fullscreen {
    background: rgba(228,35,19,1);
}

    Thank you.

  •   rahelkohler replied privately
  • [deleted] replied
    May 16, 2018 at 5:26am

    Hi there,

    My apologies, I thought you will change the color your self so i set some colors so you will see the difference.

    Here we are the code with black background, 

    .mobile-menu-open .mobile-menu-wrapper.mobile-menu-fullscreen {
    background: rgba(255,255,255,.97);
}

    Thank you.