Menu Header

Hi, I am trying to make a Menu Header such as the one shown here:

screenshot.png

Can someone walk me through that?

Hi

Please take a look into this article: https://www.gavick.com/documentation/un ... ns-in-menu

Great thanks! I did figure it out, and now I am adding modules into the menu, but I had another question. Is there a simple way to customize the width of each column in the menu? I have one column that is too large for the content that is in it. Attached is a screenshot of what I mean.

screenshot2.png

Hi

Yes You can resize them with CSS. You can add an additional css class to column in menu manager and than set the width You want in override.css

Example: You have added "w300" to menu column so css in override.css should looka like:

Code: Select all

.w300 { width: 300px !important; }


Hello,
Thanks! I appreciate that. now I am changing the background color in just one of the columns in the menu, but this means I would like to the change the font color in that one column and not the others. Is there a way to do this, or is all the .headers etc sharing the same class? Attached is an example:

screenshotnew.png

Hi

It will take the same action again. An additional css suffix like the one before, but this time You will need to change the font colour. Something like:

Code: Select all

.additional_css_class li a { color: #ffffff !important; }