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)
blueberryhutch
Excursionist
11 0 4
KetanKumar
Shopify Partner
25219 2497 9033

@blueberryhutch @Intulani 

yes please give me store url 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
Zworthkey
Shopify Partner
2563 308 641

Hii, @Intulani 
Kindly share your store URL so,

@media screen and (max-width: 749px) {
.footer-block__details-content {
display: grid !important;
    grid-template-columns: 1fr 1fr;
}
}

Add this code in theme.scss or style.css

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Intulani
Excursionist
20 0 7

the url is shophomwala.com. password is nowshi 

@KetanKumar @Zworthkey 

Thank you for the assistance

Intulani
Excursionist
20 0 7

I have removed the password page. 

KetanKumar
Shopify Partner
25219 2497 9033

@Intulani 

yes please try this code

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

@media screen and (max-width: 749px) {
.footer-block__details-content {
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
Zworthkey
Shopify Partner
2563 308 641

Hii, @Intulani 
Paste this code in the section-footer.css file or theme.scss file.

@media screen and (max-width: 749px){
.footer-block.grid__item {
    width: 50% !important;
}
.footer-block.grid__item.footer-block--menu {
    display: inline-block !important;
}
.footer-block.grid__item.footer-block--menu:last-child {
    position: relative !important;
    top: -90px !important;
}


}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Intulani
Excursionist
20 0 7

Thank you so much it worked!

Intulani
Excursionist
20 0 7

@Zworthkey @KetanKumar How can I reduce the footer height and make it more smaller on mobile view? Especially the bottom part

Zworthkey
Shopify Partner
2563 308 641

@Intulani 
Paste this code on top of the section-footer.scss file.

@media screen and (max-width: 749px){
.footer__content-top.page-width {
    height: 287px !important;
}
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com