[Support request] Help with customizing menu

[Dimitrios]

Hello,

I previously built my site with headway and have decided to make the switch over to a different theme. I’m going with generate press and elementor.

I’m rebuilding my site locally and trying to replicate some of the menu features my site currently has.

Here is the url: http://lifeinmidtown.ca/

These are the elements I was really hoping you could help me with:

1. How do I go about adding a 2 pixel line at the top and bottom of my menu?
2. Can the selected state of the menu item be reflected with an underline instead of a colour change?
3. Is there a way to group items in the sub-navigation menu where the headings of the sub-navigation menu aren’t clickable, while at the same time leaving the main menu to be accessible by hovering over it? In the current configuration for my website the condo section, when in mobile, the sub-navigation headings don’t lead to any pages.

Thank you in advance,
Dimitrios

[Leo]

Hi there,

1. Try this CSS:

.main-navigation {
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

2. I find this is cool: https://generatepress.com/forums/topic/animating-link-underlines-for-main-menu/#post-200801

3. Use Custom Links for parent menu items: https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-link

Let me know.

[Dimitrios]

Damn, that was a fast reply. I’ll try out your suggestions. Thanks! I really appreciate it.

[Author]

Posts