Home Forums WoodMart – Premium Template Moved: Reply To: Sidebar settings

This topic contains 21 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 3 weeks, 4 days ago.

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #319959

    Lisawi
    Customer

    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.
    #319976

    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

    #319987

    Lisawi
    Customer

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

    Private Content Hidden
    #320055

    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

    #320064

    Lisawi
    Customer

    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

    #320113

    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

    #320200

    Lisawi
    Customer

    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

    #320277

    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

    #320298

    Lisawi
    Customer

    On desctop everything is fine
    The Problem is on mobile.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #320363

    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

    #320367

    Lisawi
    Customer

    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…

    #320403

    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

    #320459

    Lisawi
    Customer

    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.
    #320525

    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

    #320707

    Lisawi
    Customer

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

    Greetings
    Lisa

    Attachments:
    You must be logged in to view attached files.
    #320772

    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

    #321283

    Lisawi
    Customer

    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

    #321352

    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

    #321363

    Lisawi
    Customer

    Oh… now only a Smal Part has White background…

    Attachments:
    You must be logged in to view attached files.
    #321450

    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

    #321680

    Lisawi
    Customer

    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.
    #321762

    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

Viewing 22 posts - 1 through 22 (of 22 total)

You must be logged in to reply to this topic.