Can any of you help me center all of the items in my hamburger menu. I have added code to make the menu open across the whole screen, now i just need the links to be lined up in the middle like how the logo is. i have included picture of what i am looking to do . my site is ysamani.com thank you for…

Hello There, In your Shopify Admin go to online store > themes > actions > edit code Find Asset → base.css and paste this at the bottom of the file: .list-menu__item { display: inherit!important; text-align: center; } [ZestardTech_0-1684220732338.png]

Hello @ddai , You can try to follow these steps: Go to Online Store → Themes → Actions → Edit code Go to Assets folder → go to the file that contains your hamburger menu code. This is usually named something like “theme.js” or “scripts.js”. Find the code that controls the styling of your hamburge…

Hi, @ddai Greetings from the Store Watchers Support Team! Happy to help you today. Go to online store > theme > edit code > assets > base.css(file) and Paste the below code at the bottom of the file → Save .menu-drawer__menu .list-menu__item { justify-content: center; } After applying the a…

Hi @ddai I hope you are doing good and welcome to the Shopify Community! I am San from MS Web Designer. Please add this css in your bottom of the css file: .menu-drawer__menu .list-menu__item {justify-content: center;} Regards, San

You all are the best. Thank you !

You all are the best. Thank you !!

How can I align all items in my hamburger menu to the center?

Store Design

ddai May 16, 2023, 3:31am 3

I am not sure where to put it. I have tried under component_menu_drawer.css and theme-editor.js with no luck

Topic		Replies	Views
Center menu on mobile Store Design menu , design , header , customizations , css , third-party-themes , shopify-themes	2	25	June 3, 2024
Center menu on mobile Store Design menu , design , header , customizations , css , third-party-themes , shopify-themes	0	12	June 1, 2024
Make Menu Text Centered Store Design menu , design , header , customizations , landing-page , css , third-party-themes , metafields , shopify-themes , html	0	8	April 25, 2024
Dawn theme \| align center items on mobile menu Store Design menu , css , shopify-themes , troubleshooting , html	4	41	November 27, 2023
How can I center my webpage menu? Store Design menu , shopify-themes	6	78	November 26, 2024

How can I align all items in my hamburger menu to the center?

Related topics