Return to previous page

Make the opened menu (static block) words bold?

This topic has 8 replies, 3 voices, and was last updated 10 months ago ago by Rose Tyler

PR

Participant

June 28, 2023 at 00:33

Hello,

once someone hovers over the static block (mega main menu)
is there any way to highlight the words so people know that they are on that specific menu?

so for example; https://xstore.8theme.com/elementor/
when someone is on the shop menu (on the demo above) the words are bolded/underined?

thanks!

#360479 Copied Theme version: 9.1.7

7 Answers
Tony Rodriguez

Support staff

June 28, 2023 at 08:03
Hello, @PR,

If you would like to make the main menu underlined on hover, please copy and paste the CSS code provided below into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and modify the color as desired:
```
.menu-items-underline .menu>li>a:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}
```
```
.header-main-menu.et_element-top-level .menu>li>a:before {
    background-color: #ff0707 !important;
}
```
You may change the background color in the above code as per your requirements.

We hope this will solve your issue.

Best Regards,
8Theme’s Team.
#360519 Copied
PR

Participant

June 28, 2023 at 22:04

Hello Tony,

thanks for the code!

we noticed that the underline is already present (without the code)
the second code changes the color.

is there anyway to make the underline stay “active” when you hover over the words and are on the mega menu?

for example, when someone hovers over the words “shop”
https://xstore.8theme.com/elementor/

and is present on that menu, the words stay underlined so customers know that they are on that section?

thanks for your help!

#360606 Copied

Rose Tyler

Support staff

June 29, 2023 at 08:51

Hello, @PR,

Private Content

Best Regards,
8Theme’s Team.

Please contact administrator
for this information.

#360655 Copied

PR

Participant

June 29, 2023 at 23:00

Hello Rose,

thanks for your reply!
in regards to the mega menus, for example when someone hovers over the word “food” and stays on the menu, is there anyway for the underline to stay “active” (stay underlined) when the customer is on the mega menu?

currently for example, when you go on the words “food” and then it underlines the words red, and then when you go (hover) into the menu, it goes away.

is there anyway for it to be/stay active?

also in regards to the code provided above,

1) what is the first code for?

2) we realize that this code is for the color (underline) etc.

thanks!

Please contact administrator
for this information.

#360743 Copied

Rose Tyler

Support staff

June 30, 2023 at 13:07

Hello,

“is there anyway for it to be/stay active?” – no, unfortunately, there is no such option.

https://prnt.sc/p-30BQxdf5RI – try to delete this custom code and check hover on menu items then. If there is not difference, you may not use the code.

Best Regards,
8Theme’s Team.

#360795 Copied

PR

Participant

June 30, 2023 at 21:47

Thanks Rose.

Is there any code we can add to make the words bold?
something to let the people know that they are on “that” specific tab.

thanks!

#360832 Copied

Rose Tyler

Support staff

July 1, 2023 at 07:40

Hello,

There is no code to make the main menu item bold when you hover over its dropdown content, unfortunately.

Best Regards,
8Theme’s Team.

#360869 Copied
Tagged: json array, make menu words bold, persuasive writing, seo friendly, static block, wordpress woocommerce themes
Viewing 8 results - 1 through 8 (of 8 total)