Some questions

Hi there,

1) How do I change the color of the overlay which is behind the modal window which open when you click a Popup element? Capture 1.

2) Set others style (fullscreen) for the menu side bar which is opened when you click the Mobile Menu (hamburger icon) Capture 2.

3) When you click the Mobile Menu hamburger icon a sidebar (to the left) is open. How do I change the style (color, background color) for the sidebar and also for the overlay. Capture 3

Regards.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.mfp-bg {
    background-color: rgba(0,0,0,.7);
}

You can set the background color according to your needs.

2) Full screen option is not available for the mobile menu. Therefore you can change the position by editing the mobile header.

Screenshot for Clarification: https://gyazo.com/6dd2d96d436c7571a48a7ec5ccb342ea

3) To change the background overlay color try adding the following Custom CSS in the Global Custom CSS area under THeme Settings >> Custom CSS.

.wd-close-side {
    background-color: rgba(0,0,0,.7);
}

For the background of the mobile menu try adding the following Custom CSS.

.wd-side-hidden.wd-opened {
    background: red;
}

Regards.
Xtemos Studios

Thanks.

Most Welcome 🙂

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day 🙂

Topic Closed.
Best Regards

[Author]

Posts