Home › Forums › Basel support forum › Colour scheme issues and mobile sidebar
Colour scheme issues and mobile sidebar
- This topic has 8 replies, 2 voices, and was last updated 4 years, 11 months ago by Elise Noromit.
-
AuthorPosts
-
April 11, 2019 at 7:18 pm #118308
cherryflapjackParticipantHello, please could you help with a few issues;
1. Red Circle – how do I remove the pop up sidebar on mobile?
2. Orange Arrow – This is a mega menu widget and i want it to be white with black text, however, when i change it to white in appearance settings, it turns the cart total notification and the cart price white so it can’t be seen. Can this widget have its colour changed without changing all the other website colours?
3. Blue Arrows – how do I change the colour of the cart header white with black text and the checkout button grey?
Many thanks,
Jack
Attachments:
You must be logged in to view attached files.April 12, 2019 at 8:21 am #118363
Elise NoromitMemberHello,
1. Navigate to the Theme Settings > General layout > disable Off-canvas sidebar for mobile
2. Mega menu blocks are not supported on the mobile menu, please clarify. If this is HTML block you need to change the background in the row settings.
3. It is possible to change with custom CSS, provide more details how do you want to change I will provide custom CSS
Best Regards
April 12, 2019 at 1:19 pm #118457
cherryflapjackParticipantHi Elise,
2. It is a mega menu widget element put in from wpbakery that shows on both web and mobile. It should be white with black text. But when i change the theme colour settings so it looks correct, it also changes the cart notification number white so you cant see it as well as the price in the cart. I’m wondering if there is any coding that will change just the background colour of this widget?
3. Please could you make the top of the cart popup this colour #ffd8e4 and with black text. Could you also make the checkout button #f7f7f7.
Thanks for your help!
April 12, 2019 at 1:20 pm #118458
cherryflapjackParticipantYou can see it on this page below
April 13, 2019 at 7:09 am #118569
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
/*mega menu widget*/ body .widget_nav_mega_menu{ background-color:white; }
Please provide a product URL so that I could add to cart and provide the CSS code for that.
Best Regards
April 14, 2019 at 8:06 pm #118795
cherryflapjackParticipantHi Elise,
The mega menu code has worked, thank you!
Heres a product URL – https://cherryfinejewellery.co.uk/product/abelia/
Thanks
April 15, 2019 at 5:53 pm #118979
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .cart-widget-side .widget-heading, .login-form-side .widget-heading { background-color: #ffd8e4; } body .cart-widget-side .widget-heading .widget-title{ color:#000000; } body .cart-widget-side .widget-heading .widget-close{ color:#000000; } .cart-widget-side .widget-heading .widget-close:after, .cart-widget-side .widget-heading .widget-close:before, .login-form-side .widget-heading .widget-close:after, .login-form-side .widget-heading .widget-close:before{ color:#000000!important; } body .widget_shopping_cart .buttons .checkout:hover, body .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover; body .widget_shopping_cart .buttons .checkout, body .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout{ color:#000000; background-color:#ffd8e4; border:1px solid #ffd8e4; }
Best Regards
April 15, 2019 at 9:49 pm #119007
cherryflapjackParticipantPerfect, thank you so much!
🙂
April 16, 2019 at 8:27 am #119058
Elise NoromitMemberYou are welcome! If you have any questions please feel free to contact us.
Best Regards
-
AuthorPosts
The topic ‘Colour scheme issues and mobile sidebar’ is closed to new replies.
- You must be logged in to create new topics. Login / Register