Question: I can’t find where to change the menu

Hello! I can’t find where to change this button Shop. I want to do it like in screenshot 2. When I reset the theme settings, I see that the button changes, but I can’t find the settings. After resetting the settings, the button becomes as shown in screenshot 3. I did this for the buttons (screenshot 4), but in the menu it does not change, where is it edited?

Attachments:

You must be logged in to view attached files.

Where can I change the shape and colour when hovering

Hello,

Navigate to Theme Settings -> Typography -> Advanced -> create a rule with the “Main navigation links” – https://take.ms/G6zUx

Let me know if you have any additional questions.

Kind Regards

Hi, that didn’t work. I set everything as in the screenshot, but nothing changed. I used the electronics theme. I have selected the menu style Background. I also want to change the rounding to make it more rectangular. If this cannot be done through settings, I would change it through css, but I need to know the class of this background

Attachments:

You must be logged in to view attached files.

Hello,

Send me access to the website so I can check its settings.

Thank you for your time.

Kind Regards

There is a custom style, but it is on a regular button. I need on the menu. This is a test site, so you can do whatever you want. You can delete comment on the custom style and see how the menu looks in the footer. I also want to make a menu background style. Reduce the rounding and change the colour

Hello,

1. Change the border-radius:

body .whb-header .wd-nav.wd-style-bg>li>a:before {
    border-radius: 12px;
}

2. Created such a rule: https://take.ms/NXhrV and it works – https://take.ms/lbOvS

3. Change bg color:

body .whb-header .wd-header-nav .wd-nav.wd-style-bg>li>a:before {
    background-color: red;
}

Kind Regards

Cool, I actually thought it could be done easier. This change applies only to the top menu and does not affect the footer, as far as I understood, there is a different class there. I thought it would be for all background styles.

Please add this change in future updates if possible. Thank you for your help, we will make this theme more user-friendly and customization

Attachments:

You must be logged in to view attached files.

Hello,

For the Footer menu, try to use the code below:

body .footer-container .wd-nav .menu-item a:before {
    background-color: yellow;
    opacity: 1 !important;
    border-radius: 12px;
}

Kind Regards

Okay, thanks

Hello,

You are welcome!

In this case, can the topic be closed?

Thank you for your time.

Kind Regards

Yes, just add the ability to edit this button in the future. It would be cool

Hello,

I will send your suggestion to the team.

Thank you for your time and have a good day!

Kind Regards

[Author]

Posts