highlighting main menu when subpage is displayed

valentin0 · November 2019

Hi!

I would like to have the colored box around the main menu item "Workshops" when one of the workshop subpages is displayed, i.e. if you click on one of the dropdown items that box disappears.

http://humanisticevolution.com/en/workshops-2/

Thanks again!

valentin0 · November 2019

And one last, related question: I have boxes around all menu items - except for en/home. Why that?

Pablo · November 2019

Hello,

All possible styles of highlighting menu items are available to change in Theme Options > Menu & Action Bar > Menu

https://prnt.sc/pyf8nt

There is an option to turn on the "Active" functionality to submenu, but parent should be highlighted by the default.

https://prnt.sc/pyfbwn

As I can see, all of your issues are related to your Custom CSS modifcations (including the one with boxes)

After removing your CSS whole menu turns white and after applying the CSS for all menu links, they are changing the color, without the active one (the active one has a class current_page too, so it's working fine)

https://prnt.sc/pyfg1v

Please remove whole of your CSS code and make a proper configuration of colors in Theme Options > Colors > Menu

Thanks

valentin0 · November 2019

Thanks for the detailed answer - but ...

1) I have removed all CSS code pertaining to the menu and I have switched on the Theme Option functionality but Workshops still was not surrounded by a box when one of the sub-items was selected (so I put back the CSS: #Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a {border-color:#2c98eb; })

2) it seems to me that I can only set one color in the Theme Options whereas I need the colors of the menu to change with the item/page

Pablo · November 2019

If you set one-color or any prebuilded color in Theme Options > Colors, then you will be not able to change any of the colors - this option is overwritting them.

It has to be changed to "Custom Skin"

About the first problem, please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

Pablo · November 2019

Sorry, but these login credentials that you sent are not working.

Please send them once more, but this time test them, before you send them.

Thanks

Pablo · November 2019

So, I changed a lot of things on your website:

1) Removed the global CSS and CSS which was inserted inside the homepage.

All of them are stored here:

https://humanisticevolution.com/ccustom-css/

After that, blue box disappeared.

2) Your "Active Link" color was the same as "Link color", that's why it was not working:

https://prnt.sc/pz3f05

Right now, it's working fine.

I suggest to change the "Link color" to other, because it's the same as a sticky menu.

Also, I suggest to update the theme to the latest version, right now it's really old, also your PHP Version should be 7 or higher after updating the theme.

Here is an instruction on how to update the theme:
http://themes.muffingroup.com/betheme/documentation/#general
Theme updates will not delete your content unless you have changed the
files directly in which case we suggest using a child theme.
We also recommend creating a backup file.
Please remove the theme completely from your theme folder and install a
fresh copy. Do not overwrite files.

thanks

valentin0 · November 2019

Sure, if you remove all the CSS you get a fully working basic Betheme page. But it's not the design I want. That's why I have added CSS. I have inserted the CSS again and will have to find a way to make it work properly without the minor glitches I have described above. Could you please let me know ehere you have put the CSS that was on the bottom of each page so that I can put it back?

Thanks for reminding me of the theme update - I have done that.

valentin0 · November 2019

Or better: undo your changes.

Pablo · November 2019

All of your custom CSS is stored here, you can copy it from here:

https://humanisticevolution.com/ccustom-css/

and paste it to Theme Options > Custom CSS & JS > CSS

But, it will start to appear the green border on menu items and menu items in submenu will not be not active because of your CSS code.

This green border and minor glitches are related to your CSS code.

Thanks

highlighting main menu when subpage is displayed

Comments

This website uses cookies