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

How to resize footer?

Solved

How to resize footer?

CNDY_123
Excursionist
50 0 5

Hi,

 

Need urgent help ! on resizing footer and making all footer menu items in single line (as in picture).

 

Screenshot 2024-10-14 215629.png

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
9085 2172 2681

This is an accepted solution.

Thanks for the info, try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.footer__content-top .footer-block.grid__item.footer-block--menu {
    width: 100%;
    max-width: 100%;
}

 

  • And Save.
  • result:
  • Made4uoRibe_0-1728934958813.png

    Note: The line wil be only on the larger screen when if its the tablet screen it will be like this. Again.

  • Made4uoRibe_1-1728935011746.png

     

 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
6330 1716 2069

Hey @CNDY_123 

 

Share your Store URL and Password if enabled.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


CNDY_123
Excursionist
50 0 5

Hi @Moeed 

 

I would like to reduce the height and width of the footer..

 

URL: cottoncandybabyshop.com

         Store@test123 

Made4uo-Ribe
Shopify Partner
9085 2172 2681

Hi @CNDY_123 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
CNDY_123
Excursionist
50 0 5

Hi, @Made4uo-Ribe 

 

URL: 

         

Made4uo-Ribe
Shopify Partner
9085 2172 2681

This is an accepted solution.

Thanks for the info, try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.footer__content-top .footer-block.grid__item.footer-block--menu {
    width: 100%;
    max-width: 100%;
}

 

  • And Save.
  • result:
  • Made4uoRibe_0-1728934958813.png

    Note: The line wil be only on the larger screen when if its the tablet screen it will be like this. Again.

  • Made4uoRibe_1-1728935011746.png

     

 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
CNDY_123
Excursionist
50 0 5

Hi @Made4uo-Ribe 

Worked perfectly...Thanks a ton 🙂