Return to previous page

Menu Subcat to low outside of menu - by tonycox

This topic has 6 replies, 4 voices, and was last updated 8 years, 10 months ago ago by Jack Richardson

tonycox

Participant

June 5, 2015 at 13:29

Hi 8theme

When I add a second subcat in shop it drops below the menu area.

Menu nav for shop is

Shop
– Shop
– -boxed chocolates
– – -Mixed etc
– – -boxed etc
– -Truffles (this drops of the menu)
– -Bespoked chocolate ( this drops of the menu)

I only have the following in custom css for menu

.main-nav .menu .nav-sublist-dropdown{
width: 230px;
}

#68296 Copied Theme version: v1.9 WooCommerce version: 2.3.9

5 Answers
Robert Hall

Support staff

June 5, 2015 at 14:11
Hello,

I’ve added this code in custom.css file. Please check.
```
.main-nav .menu .nav-sublist-dropdown .menu-parent-item ul li{
  height: initial !important;
}
```
Regards,
Robert Hall.
#68299 Copied
tonycox

Participant

June 5, 2015 at 14:43

Thats brill Rob thanks.

If possible can I set the size of the image in the menu. I’ve added an image to shop and would like set size and position in the custom css.

I want to achieve the look as in the demo menu where the image fills the right hand side of the menu.

Thanks for all your help
Tony

#68307 Copied

Eva Kemp

Support staff

June 10, 2015 at 21:12

Hello,

Sorry for a delay.
Do you want to move the image to the right side in the drop down menu or just change its size and keep the current position?

Regards,
Eva Kemp.

#69160 Copied

tonycox

Participant

June 11, 2015 at 12:35

Hi Eva,

I like to change it’s size please.

I know I can move it generally by where I place it in the menu.

Thanks
Tony

#69217 Copied
Jack Richardson

Support staff

June 11, 2015 at 16:52
Hello,

You can change the image size by adding the following css code (as example) in custom.css:
```
.main-nav .menu .nav-sublist-dropdown .image-item a {
  width: 400px !important;
  margin-top: -40px !important;
}
```
Best regards,
Jack Richardson.
#69266 Copied
Viewing 6 results - 1 through 6 (of 6 total)