[ThornyJohn]

I am trying to find a way to “spruce up” the main menu’s look. Currently, the main menu’s buttons fill in from the left, leaving the right side of the menu bar empty. Basically, it looks like this (where the dashes are the empty menu bar):

Home | Tech | Stories | Art | About Me | —————————————–

Additionally, the main menu buttons’ background color can only match the main menu bar’s color, which makes for less-than-well-defined buttons.

What I’d like to do is to have the buttons spread out across the whole width of the template, preferably in groups. I mean something like this:

Home |———————| Tech | Stories | Art |———————| About Me

It would also be super if the empty menu bar space (the menu bar background) could have its own independent color. In my case, this would mean having a dark gray menu bar background to make it stand out just a bit from the black page background, while the menu button backgrounds would be blue, to make them look like actual buttons.

Can this be achieved via the current color and menu options (I could not find it, if it is there), or is this the type of thing I need to create a separate template and/or child theme for?

Many thanks in advance for your reply, and for putting out such amazingly customizable themes!

[Find Me Hotel Do Net]

Hi,

To alight the text in menu bar in Opencart

Change #menu ul{ to:

#menu ul {
list-style: none;
margin: 0 auto;
padding: 0;
display: table;

Regards/ Tissy/ findmehotel.net

[Author]

Posts