[Resolved] Rectangular menu

[David]

I would like to create a menu similar to the blue rectangles on

http://generatepressgallery.com

but I cannot figure out how to do it either with GeneratePress or Elementor (I am a novice to this builder) nor do I see any plugins that could create same

[Tom]

Hi there,

Here’s the CSS from that website:

.main-navigation .main-nav > ul > li > a {
    background-color: #7c4702;
    padding-top: 0px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

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

[David]

Thanks. However, I downloaded the plugin and inserted the CSS but the site menu has not changed. I also confirmed that I had named the menu Main

My site is http://flagstone-patios.com

[Tom]

Ah, try removing the background color in “Customize > Colors > Primary Navigation”.

Then use the adjusted CSS above.

[David]

OK. I got it to work by pasting in the code under “Additional CSS” box in GeneratePress premium rather than using the simple CSS

[Tom]

Glad you got it working 🙂

[Author]

Posts