Footer layout in Shopify’s Dawn theme on mobile shows two menus stacked and the newsletter subscribe box positioned to the right. Goal: display the two menus side by side with the subscribe box below.
Proposed fix: add a custom CSS rule for .footer__content-top to force a display override with !important. The instruction was to place this at the end of theme.liquid above or in base.css.
A “result” screenshot was shared indicating the layout changed, but the text does not confirm whether the menus are now side by side as requested.
Technical context: Dawn is Shopify’s default theme; CSS (cascading style sheets) controls layout and can override theme defaults on mobile.
Status: No confirmation of success or final resolution. The key question—achieving side-by-side menus on mobile with the subscribe box at the bottom—remains unresolved. Screenshots are central to understanding the before/after layout.
Hello!
Using the Dawn theme, in the bottom of my page I have a couple of menus + the subscribe to our email box.
In the desktop version it looks nice as you can see on the first screenshot but the mobile version has placed the two menus on top of each other and the subscribe box on the right side.
How do I do to have the the two menus side by side and the Subscribe box in the bottom in the mobile version.
Thanks for your help!
**Hi @miltokas **
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag
.footer__content-top {
display: block !important;
}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solutions.
