Dawn Theme : Footer Alignment

Dawn Theme : Footer Alignment

RaghavGoel1
Excursionist
41 0 12

Hi all, I am not able to align my footer properly. This is how the current footer alignment looks like:- 

 

Screenshot 2024-07-20 at 1.23.36 AM.png

Link : https://f40566-d3.myshopify.com/

 

Below is how i want the alignment of the footer,

Link : https://www.boozyhouse.in/story (this my website on wix & i am transferring to shopify but now able to align footer)

Screenshot 2024-07-20 at 1.27.08 AM.png

Basically - the logo on the top left with description below, 1 menu and email list on left side with icons for socials below it the email list. 

 

Can someone please help?

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
10211 2427 3078

Hi @RaghavGoel1 

Do you mean like this?

Made4uoRibe_0-1721421454668.png

if it is check this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

@media only screen and (min-width: 749px){
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: auto; 
    row-gap: 0;
}
.grid--4-col-tablet .grid__item {
    width: unset;
}
div.footer__content-top.page-width > div.footer__blocks-wrapper > div:nth-child(1) {
    grid-column: 1 / 1;
    grid-row: 1;
}
div.footer__content-top.page-width > div.footer__blocks-wrapper > div:nth-child(2) {
    grid-column: 1 / 2;
    grid-row: 2;
}
.footer-block.grid__item.footer-block--menu {
    grid-column: 2;
    grid-row: 1 / span 2;
}
}

 

  • And Save. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
RaghavGoel1
Excursionist
41 0 12

Hi @Made4uo-Ribe 

 

This is great, thanks. But can you help me get the email subscription form on the right? Also how do i fix the alignment overall? I want the logo and description to be more on the left.