Resize my-footer blocks on Dawn theme 15.0.0

nicholasmotanya · ‎07-10-2024

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.

Dan-From-Ryviu · ‎07-10-2024

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 & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

BSS-TekLabs · ‎07-10-2024

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.

Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Moeed · ‎07-10-2024

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 ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

Dan-From-Ryviu · ‎07-10-2024

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 & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Resize my-footer blocks on Dawn theme 15.0.0

Resize my-footer blocks on Dawn theme 15.0.0

- Need a Shopify Specialist? Chat on WhatsApp ✅- Get a quick Shopify quote – Click here!- Custom Design | Advanced Coding | Store Modifications

Community Blog Articles

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications