How to fix drop down menu alignment issue in custom theme?

Solved

How to fix drop down menu alignment issue in custom theme?

PrestigePetCo
New Member
6 0 0

Hi there

I've recently obtained an incredible theme, but it seems to have a drop-down menu alignment issue. Ideally, i would want to text directly beneath the header text. I've tried searching for fixes, and have found a few, but since its a custom theme the asset files follow different naming conventions.

dropdownmenu.jpg

Accepted Solution (1)
PageFly-Victor
Shopify Partner
7865 1786 3131

This is an accepted solution.

Hi @PrestigePetCo,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file style.css

Step 3: Paste the below code at bottom of the file -> Save

.main-menu > nav > ul > li ul.submenu{
left: -100% !important;
}

PageFlyVictor_0-1681355368686.png

 



Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

View solution in original post

Replies 3 (3)

GemPages
Shopify Partner
5625 1262 1279

Hello @PrestigePetCo 

 

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

 

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
PrestigePetCo
New Member
6 0 0
PageFly-Victor
Shopify Partner
7865 1786 3131

This is an accepted solution.

Hi @PrestigePetCo,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file style.css

Step 3: Paste the below code at bottom of the file -> Save

.main-menu > nav > ul > li ul.submenu{
left: -100% !important;
}

PageFlyVictor_0-1681355368686.png

 



Hope my solution works perfectly for you!

Best regards,

Victor | PageFly