Return to previous page

Fixed navigation menu items space - by drmilos

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

drmilos

Participant

July 2, 2014 at 11:05

Hi there.

I am trying to reduce space between menu items on fixed navigation menu.
Already created custom.css and reduced font in main menu and space between.
Also I want to make sub menu in two (or three) columns with picture and reduce font size to match main navigation. I followed documentation here https://www.8theme.com/demo/docs/legenda/#!/primary_menu but obviously I am doing something wrong.

Can you take look? Login credentials in private content.

Thanks in advance.

Please, contact administrator
for this information.

#8531 Copied

7 Answers

Robert Hall

Support staff

July 2, 2014 at 11:17

Hello,

You must do everything as documentation
https://www.8theme.com/demo/docs/legenda/#!/primary_menu
Select all in Screen Option, and use classes for a page that is specified in the documentation.
Look at screenshot http://prntscr.com/3ylte2

Regards,
Robert Hall

#8532 Copied

drmilos

Participant

July 2, 2014 at 11:29

I am doing exactly the same as it is in your screenshot. Only difference between documentation and my case is that in documentation you use “Pages” and in my case I use “categories” as a sub-menu items.

How to reduce space between fixed navigation items? The need to fit one row because there is sub-menu in all main items.

How to reduce font size on fixed navigation items?

Thank you

#8535 Copied

Eva Kemp

Support staff

July 2, 2014 at 11:44

Hello,

I’ve added some code into style.css of your child theme. Please check the fixed navigation now.
Please specify what exactly you wan to do with the submenus. As I see the columns are showing correctly.

Regards,
Eva Kemp.

#8537 Copied

drmilos

Participant

July 2, 2014 at 12:06

Hi Eva,

Thanks for the fixed navigation. It is correct now.
Here it is what I want to do with sub menu:
https://www.evernote.com/shard/s402/sh/483fa9b8-2102-47a7-8c1e-2d8f573323c4/644b3cca415da9ec23537c7ed5be35c5

Thanks in advance

#8540 Copied
Eva Kemp

Support staff

July 2, 2014 at 13:19
I’ve added an image to the Vibrators menu item. You can check it in Appearance > Menus, find “image” sub item under “Vibrators” item. If you want to have 2 columns in the drop down menu you have to add sub items under the current sub item (please check how I’ve made for the “Vibrators” item).

To reduce font size of the sub items please add this code into style.css of your child theme:
```
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li > a {
    font-size: 11px;
}
```
change the value to yours.

Also I have added et-col2 to “Penis Pumps” item. So to reduct the space between items please use this code in style.css of the child theme:
```
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col2 {
    width: 11%;
}
```
(change the value to yours).

Regards,
Eva Kemp.
#8548 Copied
drmilos

Participant

July 2, 2014 at 14:33

Is it possible to make it like this:

Under one main menu item add all sub items in 3 columns without adding sub item and then sub items as a list?

Thanks

#8563 Copied

Eva Kemp

Support staff

July 2, 2014 at 14:44

Sorry, but unfortunately there is no such option.

Regards,
Eva Kemp.

#8566 Copied
Viewing 8 results - 1 through 8 (of 8 total)