Custom CSS wont work after update

Hi, I updated the theme to latest version but it changed some stuff I need help with. I tried to restore from backup but it didn’t help. I have attached an image showing following corrections:
1- The background of main menu should be blue with white text color. With equal spacing on both sides of the wrap.
2- There should be an icon instead of search field.
3- Main menu should have same size as category menu header with same border color and size.

I also would like to ask if it is possible to have different background colors on desktop and mobile headers.

Image is uploaded here

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your login URL

Best Regards

Login url

Also the buttons “MERE OM OS” and “KONTAKT OS” in front page should be inlined

Hello,

I cannot login with the credentials provided.

1. Navigate to Woodmart > Header Builder and set the color for the row http://prntscr.com/ld3gum

2. Enter the search element and set “Drobdown” http://prntscr.com/ld3igh

3. Navigate to the Theme Settings > Typography > Advanced typography > choose the main menu item in the drop-down

Best Regards

Ok that worked what about different header background color for mobile and desktop. Also inline button doesn’t work.

And what is the typography for top bar menu so I can change the color of the menu.

Hello,

Provide the valid credentials I cannot log in.

Best Regards

Login details

Hello,

You have added HTML block in the header however you have not inserted the URL into information box http://prntscr.com/ldg8nj that is why they are not clickable or specify which buttons you mean.

Here is the class for the top bar menu: .whb-top-bar .whb-secondary-menu .item-level-0 > a you can configure the typography in the Theme Settings > Typography > Advanced Typography https://xtemos.com/docs/woodmart/advanced-typography-settings/

Here you will find instructions on colors of the header: https://xtemos.com/docs/woodmart/header-builder/change-header-color-scheme/

Best Regards

Ok, thanks.

I have uploaded image showing buttons that should be inline.

Also menu link color on mobile showed in the image should be white.

Attachments:

You must be logged in to view attached files.

Hello,

Set the link for the buttons: http://prntscr.com/ldiv8p

Change the text color in the Header Builder in mobile view http://prntscr.com/ldiwuc

Best Regards

It didn’t work with buttons. I have set the link but still the buttons are not inline.

Hello,

Set the full link http://prntscr.com/ldkbsi like this http://prntscr.com/ldkc1k

Best Regards

I did that but still the same

I just find out that there is problem with the mobile menu icon, it doesn’t open the side menu.

Hello,

The button works https://gyazo.com/5893e8e8eb5788be3ad3241852a1305e

Please describe step by step what you configure, what you get and how do you expect it should work

Best Regards

Hi, The buttons work now. But I still have problems with the main header on mobile. The background color on mobile header should be blue while it on desktop mode should be white.

I have attached image what is the css key so I can add custom css to mobile view for blue background color(only on mobile view)

Attachments:

You must be logged in to view attached files.

Hello,

There is no option to set different colors for mobile and desktop header.

Best Regards

[Author]

Posts