Return to previous page

Full menu width align the menuitems - by Henry

This topic has 10 replies, 5 voices, and was last updated 10 years ago ago by Eva Kemp

Henry

Participant

November 19, 2015 at 21:57

Hi there,

I want a full menu width and s I want all the menu items are under each other.
Not like in the demo version. Main category but just all items centered under each other.

How can I do that?

I use now css class: menu-full-width
And in the sub items: css class: et-col2

Best regards
Henry

Please, contact administrator
for this information.

#100449 Copied

9 Answers

Jack Richardson

Support staff

November 20, 2015 at 08:16

Hello,

In this case you need to use standard menu, remove the classes you added and check submenu after that.

Best regards,
Jack Richardson.

#100473 Copied

Henry

Participant

November 20, 2015 at 09:44

Hello Jack,

That’s not what I mean.
I want to use the full width menu and the menu items under each other. See screenshot.

And do you know what custom css I have to use for the background color full width menu.

http://i.imgur.com/auBJhcA.jpg

#100492 Copied
Robert Hall

Participant

November 20, 2015 at 09:53
Hello,

Please use this code in custom.css

.main-nav .menu .menu-full-width .nav-sublist-dropdown .container > ul > li{ margin-left:0px; } .main-nav .menu > li .nav-sublist-dropdown .container{ background-color: #1e1e1e !important; }

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#100494 Copied
Henry

Participant

November 24, 2015 at 13:17

Hi there,

I have another problem. If I scroll down and then go to the full menu then I don’t see the right color.
See screenshot:
http://i.imgur.com/f3KKRDa.jpg
Wich Custom CSS I have to use for this?

I want also the font and size from the full width menu the same as the normal sub menu items. Where can I change that?

#101054 Copied
Eva Kemp

Participant

November 24, 2015 at 13:31
Hello,

Please use this css code:

.fixed-header .menu > li .nav-sublist-dropdown .container { background-color: #1e1e1e !important; }

Regards,
Eva Kemp.
#101060 Copied
Henry

Participant

November 24, 2015 at 13:51

Hi Eva,

It works but the items are not under eacht other. I have tried this code to place the items under each other but it doesn’t work.

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li a {
margin-left:0px;
}

Can you also tell me how I change the font and size from the full menu ? I want the same size like the normal sub menu items.

best regards 🙂
Henry

#101065 Copied

Brian Johnson

Member

November 24, 2015 at 13:53

Hello

I have added following code into the style.css of the child theme.:
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li a{font-size:12px}

Regards,
Brian Johnson

#101066 Copied

Henry

Participant

November 24, 2015 at 14:14

Thank you Brian it works.

#101068 Copied

Eva Kemp

Participant

November 24, 2015 at 14:22

Hello,

You’re welcome.

Regards,
Eva Kemp.

#101072 Copied
Viewing 10 results - 1 through 10 (of 10 total)