Return to previous page

Header menu is not showing active item when i am on category page of shop or blog

This topic has 4 replies, 2 voices, and was last updated 2 years, 5 months ago ago by Awais Ahmed

raj

Participant

September 5, 2022 at 16:11

If i am in category archive page of shop or blog then shop or blog is not showing as current active menu.
How can i show shop as still active menu if i am on shop categories page ?
https://xstore.8theme.com/elementor/demos/marseille03/shop/ (shop is highlighted as active menu)
https://xstore.8theme.com/elementor/demos/marseille03/product-category/accessories/

#333301 Copied Theme version: 8.2.4

3 Answers

Awais Ahmed

Participant

September 6, 2022 at 07:31

Hello, @raj,

Unfortunately, there is no such option in our theme for it, as the Shop page Menu item will only activate on the Shop page not on the categories archive pages, so you have to make it active on other pages using the Custom CSS, please share your live site URL with me here, so that I’ll check and prepare the Custom CSS for you.

Regards 8Themes Team.

#333333 Copied

raj

Participant

September 7, 2022 at 00:30

Thank you, I dont have a live site yet. Can you please send css/changes for demo site (https://xstore.8theme.com/elementor/demos/marseille03/blog/) and i can update on my local code/files

#333416 Copied
Awais Ahmed

Participant

September 7, 2022 at 08:39
Hello, @raj,

This is the CSS you can try with it. It’s specific for the shop page Menu item and on Shop Category pages only, you have to change the ID of the menu item on your site. https://postimg.cc/c62tfWXG

.tax-product_cat .et_b_header-menu .menu li#menu-item-2178 a:before { background-color: #000; width: 100%; left: 0; right: auto; content: ''; height: 2px; position: absolute; -webkit-transition: width .2s ease-in-out; transition: width .2s ease-in-out; bottom: 0; }

Regards 8Themes Team.
#333450 Copied
Tagged: active, blog, category, header, item, menu, shop, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)