Return to previous page

MEGA MENU - by sushidope - on WordPress WooCommerce support

This topic has 26 replies, 3 voices, and was last updated 5 years, 4 months ago ago by Rose Tyler

sushidope

Participant

July 29, 2019 at 15:48

Hi, i want to display my menu like this: https://www.holypopstore.com/it
i mean the dimension, the different color of title and background and the column position.
is it possible??

#217944 Copied Theme version: 5.4.1

25 Answers

Olga Barlow

Support staff

July 29, 2019 at 16:15

Hello,

You can use Static Block option to create different layouts of the mega menu and manage the bg color, font-size etc for the menu items https://youtu.be/f07MBdnFPfk

Regards

#217947 Copied

sushidope

Participant

July 29, 2019 at 17:19

i tried with static block but i can’t reach the results i want… there is another method?
only for have a smaller mega menu

#217954 Copied

Olga Barlow

Support staff

July 29, 2019 at 17:24

Hello,

Nope. If you provide us with PSD mockup of the mega menu that you want to implement and Dashboard access we could help you and create an example.

Regards

#217957 Copied

sushidope

Participant

July 29, 2019 at 17:27

i want like the menu in this site: https://www.holypopstore.com/it
when you go on apparel the sub menu is small and 50%opacity
like that
i give credential in private area

Please contact administrator
for this information.

#217959 Copied

Olga Barlow

Support staff

July 29, 2019 at 17:31

Hello,

What about font-size of the 1-st, 2-d, 3-d levels of the menu items.

Regards

#217960 Copied

sushidope

Participant

July 29, 2019 at 17:47

All like the menu i sent to you…
i have same category so…
if you prefer i can make a mokeup

#217961 Copied

Olga Barlow

Support staff

July 29, 2019 at 17:58

Hello,

I have created a similar example. You can change the paddings, sizes, colors using element settings http://prntscr.com/ollmze and http://prntscr.com/olln6p if you need to make it more suitable for your site.

Regards

#217962 Copied

sushidope

Participant

July 29, 2019 at 18:01

OMG this is amazing but can be smaller??
i know i am bad for you but the style is perfect!!
the only problem is the size…

#217966 Copied

sushidope

Participant

July 29, 2019 at 18:01

and the background opacity can be a 50%??

#217967 Copied

Olga Barlow

Support staff

July 29, 2019 at 21:53

Hello,

Do you want to have a smaller mega-menu width? Or paddings between items? Or font-size?

Regards

#217973 Copied

sushidope

Participant

July 29, 2019 at 22:01

smaller mega menu width
and background opacity at 50%
like the site i posted before

#217978 Copied

sushidope

Participant

July 30, 2019 at 08:19

if you can tell me the way to resize the entire submenu width and to change the background opacity i made by myself… but i must finish this

#217989 Copied

sushidope

Participant

July 30, 2019 at 08:22

and when you open submenu on home page the ”novità” box has a size….when you open it on the shop catalog page or in a category page the same box has a different size, too big…

#217990 Copied

Olga Barlow

Support staff

July 30, 2019 at 08:56

Hello,

Megamenu width you can change using menu options http://prntscr.com/oluy5d
The drop-down background you can change using Theme Options > Menu > Menu styling > Dropdown options https://prnt.sc/olv3fe

Regards

#217995 Copied

sushidope

Participant

July 30, 2019 at 09:28

that’s fantastic! thank you a lot!! best support ever.

#218000 Copied

Olga Barlow

Support staff

July 30, 2019 at 09:30

Hello,

You are welcome!
Feel free to contact us if you need any other help.

Regards

#218002 Copied

sushidope

Participant

August 1, 2019 at 13:42

i tried to change dimension for have the submenu 250×250
but the content of the submenu don”t change dimension, it exit from the submenu

https://prnt.sc/omz645

#218237 Copied

Rose Tyler

Support staff

August 1, 2019 at 13:56

Is the problem solved – https://prnt.sc/omzee3 ? Clear cache and check how it looks now.

Regards

#218240 Copied

sushidope

Participant

August 1, 2019 at 14:13

no because i want to be displayed 250 x 250

#218244 Copied

sushidope

Participant

August 1, 2019 at 16:00

any suggestion?

#218261 Copied

Olga Barlow

Support staff

August 1, 2019 at 16:42

Hello,

Sorry but you have a lot of content there. Remove the bottom row and you’ll get the smaller height of the menu http://prntscr.com/on24w6 How do you want to reduce the height of the menu is you have the content there and block with content is higher than 250 px?

Regards

#218268 Copied

sushidope

Participant

August 1, 2019 at 17:23

Right, I would like to reduce the size of the content so that it is within 250×250 … is it possible?

#218280 Copied

Olga Barlow

Support staff

August 1, 2019 at 17:28

Hello,

It depends on the number of items in your content. I would recommend you to create mega menu mockup first, with real menu items that you would like to have there. After that just create menu according to your mockup with the necessary number of menu items, font-size, and space between them.

Regards

#218281 Copied

sushidope

Participant

August 1, 2019 at 18:07

https://prnt.sc/on3a1g
it’s not a mokup but i want this dimension…even if is not 250×250 but 250×300
i need this dimension

#218283 Copied

Rose Tyler

Support staff

August 2, 2019 at 07:42

https://prnt.sc/onb45t
You can get http://prntscr.com/onb6vy :
– change line-height from 1.1 to 1 – https://prnt.sc/onb7aa and http://prntscr.com/onb7ze
– set 0px – http://prntscr.com/onb95t https://prnt.sc/onbawn
All settings of elements can be changed depends on your needs.

Regards

#218303 Copied
Viewing 26 results - 1 through 26 (of 26 total)