Changing Footer & Mobile View - Debut Theme

Highlighted
New Member
6 0 0

Looking how to change the footer so each link is in its own row. Currently it is jumbled together like so: FooterFooter

 

 

Separately, my mobile view is cutting off the main image from the image with text overlay section. How can I get the image to auto adjust?

 

Screen Shot 2020-07-02 at 3.42.25 PM.png

0 Likes
Highlighted

Hello @munchstash 

Please share your store URL and reference site URL.

So that I can check and let you know the exact solution for this.

Thanks...

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
6 0 0

The URL to my store is shopmunchstash.com with the password testingtesting

Thanks in advance!

0 Likes
Highlighted

Hello @munchstash 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media screen and (min-width: 750px) {
.site-footer__content .site-footer__linklist.list--inline > li {
	display: block;
	}
	#shopify-section-footer .site-footer {
	margin-top: 30px !important;
	padding: 10px 0 55px 0;
}
#shopify-section-footer .site-footer {
	padding-bottom: 20px !important;
}
#shopify-section-footer .site-footer__item {
	margin-bottom: 20px;
}
}
@media screen and (max-width: 749px) {
#shopify-section-footer .site-footer__item {
	margin-bottom: 20px !important;
}
#shopify-section-footer .site-footer {
	margin-top: 0;
	padding: 10px 0 55px 0;
}
}

Hope this will work for you.
Thanks!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
6 0 0

Thank you! The footer has been resolved but it seems like the mobile view is still cropping the main image 

0 Likes
Highlighted

@munchstash,

You are using image that's why its breaking.

Just add background color and text then it will be responsive.

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
6 0 0

I've tried adding in both heading and body text with a black background overlay and it is still breaking. I'm not sure if I'm understanding correctly

0 Likes