Hello all!
I’m trying to get my drop-down links centered under the parent link. As of right now everything opens to the left. I’ve looked in the code and can’t find anywhere to change it. There’s been suggestions online on how to fix this but I’m just not seeing the asset menu that everyone else sees in Flex.
Any help would be greatly appreciated!
Thank you!
Hi @RuggersCustoms ,
Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?
Hi there. Sorry, I forgot to add that. That would definitely help.
Hi @RuggersCustoms ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
@media (min-width: 990px){
.navbar-dropdown .section {
max-width: 1200px;
width: 95%;
margin-left: auto;
margin-right: auto;
align-items: flex-start !important;
justify-content: center !important;
column-gap: 100px !important;
}
.navbar-dropdown .section .horizontal-dropdown__column:first-child {
margin-left: -102px !important;
}
}
Thank you. Well, we’re doing something!
Please try this code. @RuggersCustoms
@media (min-width: 990px){
.navbar-dropdown .section {
max-width: 1200px;
width: 95%;
margin-left: auto;
margin-right: auto;
align-items: flex-start !important;
justify-content: center !important;
column-gap: 100px !important;
}
.navbar-dropdown .section .horizontal-dropdown__column:first-child {
margin-left: -102px !important;
}
}
@RuggersCustoms Did your query get resolved? Mark it as an Accepted Solution.
Hi CodingFifty.
Unfortunately, the proposed solution didn’t work as I wanted. While one sub heading kind of lines up with it’s parent, other ones are still off. Would it be an issue with the Flex theme’s unique coding? If so, I assume I would need to reach out to Out of the Sandbox?