Archived topic

Rectangular menu

5 replies · Started by David on June 8, 2017

Viewing posts 1–6 of 6

June 8, 2017 at 11:26 am #330635

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

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

June 8, 2017 at 2:03 pm #330701

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/

June 8, 2017 at 2:32 pm #330713

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

June 8, 2017 at 4:29 pm #330753

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

Then use the adjusted CSS above.

June 8, 2017 at 6:14 pm #330784

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

June 8, 2017 at 8:24 pm #330811

Glad you got it working :)

This archived topic is closed to new replies.

Start building better websites today.