Hi, trying to troubleshoot an issue. My menu moves to the right only on my About page.
How do I fix this?
https://07f83a.myshopify.com/pages/about
password: koredoko
Topic summary
A user encountered a layout issue where the navigation menu shifted to the right specifically on their About page in the Dawn theme.
Solution Provided:
Two CSS fixes were suggested for the base.css file:
- Adding
text-align: start !important;to.header__inline-menu - Using a media query with
display: flex;for screens with minimum width of 900px
The user confirmed one solution worked successfully.
Follow-up Issue:
The user then asked how to keep the footer anchored at the bottom of the page, as it was floating mid-page with insufficient content.
Footer Solutions:
- One responder explained the header’s absolute positioning was causing content overlap and recommended adding more text content for that specific page
- Another suggested adding CSS to
section-footer.css: setting.footer__content-bottomtoposition: absolute;withbottom: 1rem;
The discussion remains open regarding the footer positioning implementation.
@skymochi , go to base.css and add the following code:
.header__inline-menu {
text-align: start !important;
}
1 Like
@skymochi - please add this css to the very end of your base.css file and check
@media screen and (min-width: 990px){
.header__inline-menu {display: flex;}
}
1 Like
Thank you that worked! Do you also know how to set my footer to stay at the bottom of page? or justify the content on the page?
@skymochi - your header is default set to absolute position hence content is been up, and this page do not have any unique class or id to set css specifically for this page
I recommend to add more text content to take footer at bottom
@skymochi , go to section-footer.css and add the following code :
.footer__content-bottom {
position: absolute !important;
bottom: 1rem !important;
}