Hi guys
How can I make my header mega menu background full page width on desktop
store url in comments
content-removed
Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below after element
1 Like
Thanks @Dan-From-Ryviu
That worked thank you
adjusting the rem value of the header__inline-menu class in inspect seems to center the menu items
I’ve tried this in the base.css but no change
I’ve managed to get the menu items centered now by adding justify-content: center;
However now if I reduce the browser size to anything below 1915px the menu items start piling up, like below
image-removed
How can I have them just expand the remaining width of the block when the browser window size is reduced?
I’ve sorted the menu items positioning to make them more responsive for window resizing.