Return to previous page

Finding it hard to create layout of dropdown menu

This topic has 6 replies, 3 voices, and was last updated 3 years, 8 months ago ago by Olga Barlow

Digital Nerd

Participant

April 3, 2021 at 11:08

https://prnt.sc/113198y
above is the link of what kind of menu layout I want, and I am finding it hard to create like this as I unable to find any option to edit width and height of layout.
https://prnt.sc/1131a25 – this is how my menu looks like.
request you to please help it out!

Please, contact administrator
for this information.

#282406 Copied Theme version: 7.2.6 WooCommerce version: 5.1.0

5 Answers

Rose Tyler

Support staff

April 3, 2021 at 12:57

Hello,

Appearance > Menus > settings of menu item > Mega menu container width

Regards

#282422 Copied

Digital Nerd

Participant

April 5, 2021 at 06:26

https://www.nykaa.com/

Just go through to this website and i want same like that… all the submenu have same position. how can we built the same ?

#282580 Copied
Olga Barlow

Support staff

April 5, 2021 at 18:29
Hello,

Add the below code to Theme Options > Custom CSS
```
@media only screen and (min-width: 992px) {
    .header-main-menu .item-design-mega-menu .nav-sublist-dropdown {
        left: 300px !important;
        margin: 0 !important;
        right: 0px !important;
        width: 75% !important;
        max-width: 75% !important;
        transform: none !important;
    }
    .header-main-menu .item-design-mega-menu, .header-top, .header-main, .header-bottom, .header-wrapper .et_column.pos-static ~ .et_column:last-child {
        position: static;
    }
}
```
Check the menu after that. Does it suit your needs?

Regards
#282696 Copied
Digital Nerd

Participant

April 6, 2021 at 08:55

My sidebar widget menu has been Collapse and it looks like this https://prnt.sc/115ivxz .. pls review it and help me out

#282757 Copied

Olga Barlow

Support staff

April 6, 2021 at 17:16

Hello,

I fixed custom CSS. Check now.

Regards

#282846 Copied
Viewing 6 results - 1 through 6 (of 6 total)