I want my footer to be aligned the same as my nav bar, I tried out several CSS code and none of them worked, for clarification please take a look at the picture down below:
As you can see the nav header bar which is marked in green where it is perfectly aligned to the centre with the respective width but the footer which is marked in red is out of alignment.
How may I fix the footer to get the proper alignment?
Password: testingpage
Thank you, any help or sources are much appreciated!
Hi @justauser
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file base.css
@media screen and (min-width: 1030px){
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
padding-left: 100px;
}
}
Hope this answer helps.
Best regards,
Victor | PageFly
Hi @PageFly-Victor ,
Your code worked thank you, would you be able to help me with another issue please?
if so why is the product recommendation component is overlapping each other in the mobile view?
URL: 1.09 Carat Alexandrite – ABBASI (abbasigems.com)
password:testingpage
FYI link to the issue: Product recommendation CSS issue on Mobile view. DAWN THEME - Shopify Community
Thank you so much!
Hi @justauser
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag
<style>
@media screen and (max-width: 750px){
.card.card--standard.card--media {
margin-bottom: 80px !important;
}
}
</style>
Hope this answer helps.
Best regards,
Victor | PageFly