Can anyone give me the coding fix to make my menu centered underneath the link I click.
For example, in the attached image, if I clicked Holiday Collection it moves the contents all the way to the left. Wondering if there is a way to have them centered under the parent link.
Can you give me your page URL (with pass if your store password is enabled)
and provide some screenshots so we can better understand the problem you are having?
Kind & Best regards,
GemPages Support Team
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
header.header.header–middle-left.header–mobile-center.page-width.header–has-menu {
grid-template-columns: auto !important;
}
nav.header__inline-menu {
margin-left: 7px !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
So this is only part of what I meant. However, this code did not work when added to the bottom of my base.css file.
I want to also center the contents of each of the dropdown menus under their heading. I attached the idea in a screen shot in a csv. hope it opens correctly
I want that menu centered but then the child of each dropdown to be centered underneath the parent. If that makes sense.
So this is only part of what I meant. However, this code did not work when added to the bottom of my base.css file.
I want that menu centered but then the child of each dropdown to be centered underneath the parent. If that makes sense.
