Hi, this is how the menu buttons looks like and placed on my website but I want to change the positions of them with moving the HOME button on top and CATALOG & CONTACT at the bottom but I can’t seem to move the HOME button with any code at all. Could you guys please help me? The website is https://…

check the below code: .menu-list .menu-item:nth-child(3) { margin-top: -40vh !important; } or the below one .menu-list .menu-item a[href="/"] { margin-top: -40vh !important; }

Please drop me your Paypal username with the solution so I can thank you for your time :slightly_smiling_face:

Hi @StafMeister , try the below code: Go to Online Store → Theme → Edit code. Open your theme.liquid file In theme.liquid, paste the below code before <style> .menu-list .menu-item:nth-child(2) { margin-top: -40vh !important; } </style> If my reply is helpful, kindly click like and mark it as…

@StafMeister , kindly try both of the above and then if any of them works. Please give it a like and mark it as a accepted solution.

Menu button placement in different places

Store Design

StafMeister August 27, 2024, 12:52pm 4

Hi, thank you for your reply. I am afraid it only change the placement of the CATALOG button, not HOME

Topic		Replies	Views
Putting menu buttons on different places Store Design menu , customizations , landing-page , third-party-themes , html	3	45	August 24, 2024
Changing the menu placements Store Design menu , css , html	1	62	August 27, 2024
How do i move button placement on my theme? Store Design design	5	94	January 30, 2025
Debutify theme, Shopify home page slide make button show up on correct position Store Design design , customizations , css , third-party-themes , troubleshooting	1	23	February 27, 2023
Move contact button Store Design menu , design , header , css , shopify-themes , html	2	28	June 29, 2024

Menu button placement in different places

Related topics