Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

[SOLVED] color menu
(1 viewing) (1) Guest

TOPIC: [SOLVED] color menu

Re: color menu 10 years, 3 months ago #14424

Hi Anh,
Thanks for your help.
I have 2 more quetions:
1. Can we replace the HOME menu item with a home icon?
2. Can we change the background color of dropdown sub-menu to match with the color in level1?

Re: color menu 10 years, 3 months ago #14469

Dear Hoang Chu,

1.
- please go to Administrator => Menu Manager: Edit Menu Item "Home" => Advanced Options => Link Type Options => Link Image => select your image

- go to your_site/templates/sj_expo/menusys/class/common/css/menustyle.css and the code below at the end of this file:

ul.navi li.level1.first > .item-link .menu-title{display:none;}



2.

- go to your_site/templates/sj_expo/menusys/class/common/css/menustyle.css and find:

ul.navi ul.subnavi {background-color: #b5b5b5;padding: 0 0 20px;}


=> change: "background-color: #b5b5b5;" to "background-color: your_color;"

- go to your_site/templates/sj_expo/menusys/class/common/css/megamenu.css and find:

ul.navi div.level2.mega-content{background: #b5b5b5;}


=> change: "background: #b5b5b5;" to "background: your_color;"

Thanks!

Re: color menu 10 years, 3 months ago #14487

Hi Anh,
Thanks for your help.
1. It works, but the Home Icon now covers the bottom line (see attachment). Can we reduce the height so that it is the same as other menu items?
2. It sets only 1 color for all drop-down level2 sub-menu.
Can each level2 sub-menu have the same color as its level1?(Explore sub-menu is purple, K2 sub-menu is brown, ...)
Attachments:

Re: color menu 10 years, 3 months ago #14489

Dear Hoang Chu,

Could you please send us your live URl?

Thanks!

Re: color menu 10 years, 3 months ago #14493

Hi,
triannsw.org.au/
You can see the Home icon here. I haven't change the sub-menu color yet, just tried it in localhost.

Re: color menu 10 years, 3 months ago #14504

Dear Hoang Chu,

1. go to your_site/templates/sj_expo/menusys/class/common/css/menustyle.css and the code below at the end of this file:

ul.navi li.level1.first > .item-link{padding: 15px 25px;}


2.

- go to Menu item "Explore" => Advanced Options => YT Menu Params for this Menu Item =>
Mega Content ID => enter id: explore

- go to your_site/templates/sj_expo/menusys/class/common/css/megamenu.css and find:

ul.navi div.level2.mega-content{background: #b5b5b5;}


=>

ul.navi div.level2.mega-content{background: #b5b5b5;}
ul.navi #explo, ul.navi #explo ul.subnavi{background:purple;}


Thanks!
The following user(s) said Thank You: Hoang
Time to create page: 0.25 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes