Dawn Theme: Adjust Footer Menu, quick links and newsletter

blueberryhutch
Excursionist
11 0 4

Hello all,

 

How can I adjust the layout and arrangement of the footer menu from dawn theme?

I'd like to split the items below Navigation in two columns, like this:

Suchen                   Versand & Rückversand          

Kontakt                   Rückgaberecht

Impressum             AGB & Wiederrufsbelehrung

Datenschutz

 

And then I'd like to have the newsletter sign up box to move up and be right the right text box and aligned vertically. also the email button should be aligned vertical with the header text

Many thanks for your help.  

Screen Shot 2021-10-13 at 18.18.44.png

Replies 29 (29)
KetanKumar
Shopify Partner
26721 2680 9396

@blueberryhutch 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
26721 2680 9396

@blueberryhutch 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-footer.css->paste below code at the bottom of the file.

@media screen and (min-width: 750px) {
ul.footer-block__details-content.list-unstyled {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
blueberryhutch
Excursionist
11 0 4

many thanks Ketan. the navigation items have now changed but the newsletter part is still at the wrong place.

The header ("Erfahre alles...") should move up and vertically aligned below the "für dich da.." part and also the email button should move up and be vertically aligned (see file attached).

thx,

 

Intulani
Excursionist
20 0 7

Hello @KetanKumar. I am trying to do this but on mobile view for the dawn 2.0 theme. I want to split my footer into 2 columns. I'll appreciate the help. Thanks

KetanKumar
Shopify Partner
26721 2680 9396

@blueberryhutch 

give me issue images?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
26721 2680 9396

@Intulani 

store url and issue images?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Intulani
Excursionist
20 0 7

 That is what the footer looks like. I am trying to make it two columns for mobile view. I am using the dawn 2.0 theme. Thank you @KetanKumar 

IMG_0867.jpg

blueberryhutch
Excursionist
11 0 4

hi ketan, I thought I've already submitted the screenshot but here again:

footer.png

thanks

blueberryhutch
Excursionist
11 0 4

@KetanKumar  in addition, Im also interested in having 2 columns in mobile view if possible... thanks