mobile colors

Good Day Sir! Can u Help me to get the desktop header color into the mobile header? i had it before but since after the update its not working anymore…

Best regards

Hello,

Please provide a relevant screenshot of the specific area which color you are trying to get on mobile to check it myself and help you out accordingly.

Best Regards

Good Day sir! I have loaded up a picture. here are the CSS codes that generates this color scheme. Can u also change the cart balloon to red?

.whb-color-dark:not(.whb-with-bg) {background-color: #79AF1C;
box-shadow: inset 0 0 40px rgba(0,0,0,0.99);
}

I hope that helps

best regards

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.wd-toolbar {
    background-color: #79AF1C;
    box-shadow: inset 0 0 40px rgb(0 0 0 / 99%);
}

.wd-toolbar .wd-header-cart .wd-cart-number {
    background-color: #EA6F26;
}

Regards.
Xtemos Studios

Good Day Sir! The codes didn’t worked… I pasted it in and saved and deleted the web browser cache… However, it didn’t work. Is it possible to make this codes global? Because the iPad version and mobile landscape version would not have the colors because the codes are for the (mobile version only)… I would like the colors to be on every versions. (example: Desktop, laptops, iPad, iPad landscape, mobile and Mobile landscape views.) thats why im asking, if its possible to make this codes global?

Best Regards!

Hello,

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

.wd-toolbar {
    background-color: #79AF1C;
    box-shadow: inset 0 0 40px rgb(0 0 0 / 99%);
}

.wd-toolbar .wd-header-cart .wd-cart-number {
    background-color: #EA6F26;
}

Then clear cache and check back. If the problem still continues then provide with the admin panel login details of the website to check it myself and help you out accordingly.

Regards.
Xtemos Studios

Good Day Sir! I copied and pasted the codes in the Global section as u have requested… However, when i go to the cart pages. the cart balloon functions good on the ipad views and mobile views. but on the desktop view it is still green.

best regards

Hello,

We are glad that most of your issues have been resolved.

For the desktop cart balloon please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whb-header .wd-header-cart .wd-cart-number {
    background-color: #EA6F26;
}

Best Regards.

Good Day Sir! Thanks so much for the codes! It worked! However, there is a problem that occurs when I’m on the cart page in mobile or iPad view, the header goes back to white. Can u help me resolve this issue? because I don’t what the header changing colors on me…

Best Regards!

it have been resolved! thank u for all of ur help! God Bless!

Hello,

We are thrilled that you loved your experience with XTEMOS,We put customer experience and satisfaction as our priority, and your words reaffirms the hard work we put in every day. So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts