Resize my-footer blocks on Dawn theme 15.0.0

Solved

Resize my-footer blocks on Dawn theme 15.0.0

nicholasmotanya
Visitor
1 0 0

Hi,
I have 3 footer blocks. first one is an image, and the following two are menu links. I need to resize the widths so that the image width covers 50% of the footer and the two menu blocks 25% each. I am using Dawn version 15.0.0. Any assistance will be greatly appreciated. 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

This is an accepted solution.

Hi @nicholasmotanya 

Please go to Online Store > Themes > click "..." in the current theme > Edit code, open theme.liquid file, add this code after <head>

<style>
@media (min-width: 990px) {
.footer-block:has(.footer-block-image) {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2) !important;
}
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

BSS-TekLabs
Shopify Expert
391 123 131

Hello.
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Moeed
Shopify Partner
4304 1105 1353

Hey @nicholasmotanya 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

This is an accepted solution.

Hi @nicholasmotanya 

Please go to Online Store > Themes > click "..." in the current theme > Edit code, open theme.liquid file, add this code after <head>

<style>
@media (min-width: 990px) {
.footer-block:has(.footer-block-image) {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2) !important;
}
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.