Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Dawn Theme: Adjust Footer Menu, quick links and newsletter

Dawn Theme: Adjust Footer Menu, quick links and newsletter

blueberryhutch
Excursionist
11 0 5

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 30 (30)

KetanKumar
Shopify Partner
37379 3657 12100

@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
37379 3657 12100

@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 5

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,

 

KetanKumar
Shopify Partner
37379 3657 12100

@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
blueberryhutch
Excursionist
11 0 5

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

footer.png

thanks

blueberryhutch
Excursionist
11 0 5

@KetanKumar  any update on this?

thx

KetanKumar
Shopify Partner
37379 3657 12100

@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
blueberryhutch
Excursionist
11 0 5

@KetanKumar Hi, I've gave it already earlier, just sent another pm to you.

many thanks

KetanKumar
Shopify Partner
37379 3657 12100

@blueberryhutch 

great thanks for update

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 9

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
37379 3657 12100

@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 9

 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 5

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

Zworthkey
Shopify Partner
5581 642 1583

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

Intulani
Excursionist
20 0 9

the url is shophomwala.com. password is nowshi 

@KetanKumar @Zworthkey 

Thank you for the assistance

Intulani
Excursionist
20 0 9

I have removed the password page. 

KetanKumar
Shopify Partner
37379 3657 12100

@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
5581 642 1583

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.

Intulani
Excursionist
20 0 9

Thank you so much it worked!

Intulani
Excursionist
20 0 9

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

Zworthkey
Shopify Partner
5581 642 1583

@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.

Intulani
Excursionist
20 0 9

@Zworthkey Thank you! it works

Zworthkey
Shopify Partner
5581 642 1583

@Intulani if helpful Accept our Solution. 
Thank you

Intulani
Excursionist
20 0 9

How do I accept something as solution? I can only see like button

Zworthkey
Shopify Partner
5581 642 1583
King-Kang
Trailblazer
148 8 78

Hello @Zworthkey , how are you?

I'm using the new Dawn theme, and I'm looking to have my footer menu, as an accordion, in mobile view.

It looks like this at the moment

Can you help me?

Thank you

print.png

LucoDarkweeb
New Member
4 0 0

it helps thx you so much and i wanna fix thisWeb capture_3-2-2022_135130_jewelrysto.myshopify.com.jpeg

 can u help please?

Zworthkey
Shopify Partner
5581 642 1583

Hii, @blueberryhutch 
Kindly share your store URL so,
I can solve your problem perfectly.
Thank You.

blueberryhutch
Excursionist
11 0 5

@Zworthkey  any solution on this problem? see also my private message. many thanks!

mlaikdsde3
Visitor
2 0 0

I have take a look at this when you have set button its codes does not look right set as in line with the photograph in your store so i've notion can you please used the shop now button identical as different text