Moved: Reply To: Sidebar settings

Hi, on mobile sidebar is grey and text is not readable quite good.
So i’d like to have it white bg.

Where can I set this?

Greetings,
Lisa

Attachments:

You must be logged in to view attached files.

Hello,

Most likely you have set the dark mode in the Theme Settings > Styles and Colors. At the same time, you could set the dark color scheme in the header row. If you cannot find the option to change that, please provide the site credentials, insert the theme into the Private content block under the text message.

Best Regards

Hi,
thanks for your reply.
On desctop it is white. But not on mobile.
For example on whishlist sidebar is grey.

Hello,

Please check your custom CSS in the Theme Settings: https://gyazo.com/0598dc79c2010fc158b73b2abfe2b195 and https://gyazo.com/f0c0b7f48256ae55251899b546940464

You need to remove rules or change colors in the custom CSS

If you have any questions please feel free to contact us.

Best Regards

Thanks for your reply.
In the menu I like to have grey. But it is in the sidebar on mobile too.
And there I want white background… But I don’t know were to set nor which CSS I need to insert…
Greetings,
Lisa

Hello,

Please clarify once more: you want the mobile menu grey and the text white.

You want the sidebar white. Is that correct?

Best Reegards

Dear Elise,
thanks for your reply.

I’d like to have:
cat. menu bg grey #474747 and text white. -> looks quite nice at the moment
sidebar bg white and text dark / hl green as it is on the desctop

Greetings,
Lisa

Hello,

This is the sidebar: https://gyazo.com/3cc5d9070bc0a5b31a4dc5d6d33e4e20 it is white background and dark text.

This is the mobile menu: https://gyazo.com/f9a26a0674a611f4bc379744dcf76776 it is grey and white text.

Please provide the page URL and screen what you want to change.

Best Regards

On desctop everything is fine
The Problem is on mobile.

Attachments:

You must be logged in to view attached files.

Hello,

When I check the link you provided I see this: https://gyazo.com/f9a26a0674a611f4bc379744dcf76776

I checked on different browsers and on real mobile. I also logged in to check and see the same all the time. I checked in all the browsers.

Please clear the browser cache and check once more.

Best Regards

Hi,
yes. This is the mobile navigation. And it is fine.
What I am talking about is the sidebar opening when klicking the tree dots on mobile…

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.widget_product_categories .product-categories li a {
    color: white;
    text-transform: uppercase;
}

Best Regards

Hi,
thanks for your reply.

When inserting code in global css on desctop text gets whtite too.

So I inserted it on mobile. But IT stays grey bg.
When trying to change bg colour it looks like screenshot.

Greetings
Lisa

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 576px){
body .widget_product_categories .product-categories li a {
    background-color: grey;
    text-transform: uppercase;
	  color:white
}	
}

Best Regards

Hi,
unfortunately IT still looks not fine at mobile.
Attached screenshots.

Greetings
Lisa

Attachments:

You must be logged in to view attached files.

Hello,

Please clear the cache and replace this gray for the color you use for the whole menu: https://gyazo.com/61b1bb53546f7d4dc0075cd883026694

If you have any questions please feel free to contact us.

Best Regards

Good morning,

I’m kind of confused. I want to have the sidebar on mobile to have white background.
So what to change to get white sidebar bg instead of this dark?

Greetings,
Lisa

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 576px){
body .widget_product_categories .product-categories li a {
    background-color: white;
    text-transform: uppercase;
	  color:black;
}	
}

Best Regards

Oh… now only a Smal Part has White background…

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 576px){
body .wd-side-hidden {
    background-color: white;
    text-decoration-color: #000000;
	}
body .widget_product_categories .product-categories li a {
    background-color: white;
    text-transform: uppercase;
    color: black;
}
}

You need to delete the same custom :

body .widget_product_categories .product-categories li a {
    background-color: black;
    text-transform: uppercase;
    color: white;
}

Best Regards

Hi,
now sidebar looks fine: Background white and Text dark.
BUT: menu is the same.
Mobile menu should be with dark Background and White text.

How can I fix it.

Don’t want them to be the same. ..

Greetings
Lisa

Attachments:

You must be logged in to view attached files.

Hello,

Try to replace this code:

@media (max-width: 576px){
body .wd-side-hidden {
    background-color: white;
    text-decoration-color: #000000;
	}
body .widget_product_categories .product-categories li a {
    background-color: white;
    text-transform: uppercase;
    color: black;
}
}

For this one:

@media (max-width: 576px){
body .sidebar-container.wd-side-hidden {
    background-color: white;
    text-decoration-color: #000000;
	}
body .widget_product_categories .product-categories li a {
    background-color: white;
    text-transform: uppercase;
    color: black;
}
}

Let me know if the problem presists.

Best Regards

[Author]

Posts