Return to previous page

Arranging sub menu items with pictures horizontally

This topic has 13 replies, 2 voices, and was last updated 9 years, 11 months ago ago by Eva Kemp

bipolar

Participant

October 24, 2014 at 11:43

Hello,
id like to lay out the sub menu for my product categories under shop horizontally rather than vertically
how do i do this please 🙂
if i have to use css classes is there a page of examples or a full list of the classes to add?
or can you post to a tutorial rather than the stuff that’s int he documentation?

#21503 Copied

12 Answers

Eva Kemp

Support staff

October 24, 2014 at 14:41

Hello,

Sorry, but there is no such possibility in the theme.
Please take our apologies.

Regards,
Eva Kemp.

#21555 Copied

bipolar

Participant

October 30, 2014 at 12:57

Ok thank you
is ther a simpler tutorial or a video that can help me lay out the menu as in the demo. the pages are portfolio, shop, more etc ….
im finding the one in the documentation a little hard

#22443 Copied

Eva Kemp

Support staff

October 30, 2014 at 16:20

Hello,

How to create the same menu type as on our demo you can read in the documentation:
https://www.8theme.com/demo/docs/royal/#!/primary_menu

Thank you.
Regards,
Eva Kemp.

#22497 Copied

bipolar

Participant

November 11, 2014 at 13:50

Hello I have managed to lay out the menu as the demo almost though its not showing the full sized image an the menu font goes over the image itself, plus her is an odd spacing between the menu items under “shop”
can you please take a look at my shop drop down menu ad tell me what the exact css class is that i should put in to achieve the image being on the right OR left with no text over it and in its full size
thank you 🙂
as i don’t understand css classes and am just learning

#24070 Copied

Eva Kemp

Support staff

November 11, 2014 at 18:19

Hello,

Please provide us with a link to your site and wp-admin panel credentials in Private Content.

Thank you.
Regards,
Eva Kemp.

#24132 Copied

bipolar

Participant

November 11, 2014 at 19:02

hello access provided 🙂

Please, contact administrator
for this information.

#24149 Copied
Eva Kemp

Support staff

November 11, 2014 at 20:13
Hello,

You need add this code into custom.css file:
```
.menu-item-18942 .nav-sublist-dropdown {
    height: 220px !important;
}
```
How to create custom.css you can watch here (it for Legenda theme but the process is identical).

Thank you.
Regards,
Eva Kemp.
#24157 Copied
bipolar

Participant

November 11, 2014 at 21:00

Hello Eva
my apologies but we had to move the site to the home directory ill private content the details to you now

Please, contact administrator
for this information.

#24171 Copied

bipolar

Participant

November 11, 2014 at 22:34

thank you eva works perfectly 🙂
any ideas on eh odd spacing between the items?
thank you

#24187 Copied

Eva Kemp

Support staff

November 12, 2014 at 12:01

Hello,

Do you want to reduce the space between submenu items?

Regards,
Eva Kemp.

#24239 Copied

bipolar

Participant

November 28, 2014 at 10:36

Hi Eva apologies for my late reply we have been doing Christmas shows!
yes if you look at the menu sub items they are spaced oddly can you look into this at your earliest convenience?
thank you

#27113 Copied
Eva Kemp

Support staff

November 28, 2014 at 13:38
Hello,

Please to add this code in custom.css file:
```
.menu .menu-full-width .nav-sublist-dropdown ul > li {
   width: 150px !important;
}
```
Regards,
Eva Kemp.
#27162 Copied
Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘Arranging sub menu items with pictures horizontally’' has been successfully resolved, and the topic is now closed for further responses

Arranging sub menu items with pictures horizontally

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection