Moving sub categories in mega menu

Endlessretro
Trailblazer
172 0 64

Good Evening, 

I would like to move the position of a couple of sub categories - one under mens and one under womens. When I try and move these under the mega menu settings, it just messes up the layout of all the other categories so I am unsure how is best to do this. The ones I would like to move are 'girls' and 'boys' which are currently both in the bottom left o the drop down mega menu, however I would like to locate the next to accessories. 

Thank you,

Screen Shot 2021-11-04 at 21.47.12.pngScreen Shot 2021-11-04 at 21.47.15.png

Replies 8 (8)

Ecommpremium
Shopify Partner
512 43 93

Hi @Endlessretro  by adjusting the width of mega menu you can list boys and girls next to accessories!

please share store URL with password to see it!

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Endlessretro
Trailblazer
172 0 64

@Ecommpremium thank you for replying. 

Store URL: https://endless-retro-22.myshopify.com/

I have removed the password. Please advise when you have looked so I can put password back on. Thank you. 

Ecommpremium
Shopify Partner
512 43 93

Hi @Endlessretro  Go to edit theme then theme.scss.liquid in assets and paste this code at the bottom 

.col-lg-3 {
max-width:20%;
}

 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Endlessretro
Trailblazer
172 0 64

@Ecommpremium thank you so much for your reply. This has worked however the "boys" and "girls" category headers are not in line with the rest of them. See screen shot below. Could you help please? Thank you

Screen Shot 2021-11-06 at 18.27.12.png

Ecommpremium
Shopify Partner
512 43 93

hi please remove password for a while! @Endlessretro 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Ecommpremium
Shopify Partner
512 43 93

hi add this also in bottom of above code @Endlessretro 

.mt-lg-25 {
margin-top: 0px !important;
}

 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Endlessretro
Trailblazer
172 0 64

@Ecommpremium that is perfect thank you so much. Last question: is there any code that can be given to help with the spacing of my subheadings. See screen shot below - they dont seem to be evenly spread out as for example 'polo ralph lauren' 'the north face' 'tommy hilfiger' etc etc goes onto two lines rather than one. 

Screen Shot 2021-11-06 at 19.47.57.png

Endlessretro
Trailblazer
172 0 64

BUMP