Support Center Visit Demo License manager Buy @ envato

highlighting main menu when subpage is displayed

valentin0valentin0
in Menu / Mega menu
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.


Thanks again!

Comments

  • valentin0valentin0
    And one last, related question: I have boxes around all menu items - except for en/home. Why that?
  • PabloPablo
    Hello,
    All possible styles of highlighting menu items are available to change in Theme Options > Menu & Action Bar > Menu
    There is an option to turn on the "Active" functionality to submenu, but parent should be highlighted by the default.

    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)

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

    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • valentin0valentin0
    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
  • PabloPablo
    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
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • PabloPablo
    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
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • PabloPablo
    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:
    After that, blue box disappeared.

    2) Your "Active Link" color was the same as "Link color", that's why it was not working:
    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
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • valentin0valentin0
    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.
  • valentin0valentin0
    edited November 2019
    Or better: undo your changes.
  • PabloPablo
    edited November 2019
    All of your custom CSS is stored here, you can copy it from here:
    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
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.