I can’t seem to figure out why my footer is stuck this size and not expanded. Does anybody know why my footer is this size? Thank you!
There could be several reasons why your footer is stuck at a specific size and not expanding as expected. Here are a few possible causes and solutions to consider:
-
CSS styling: Check the CSS properties applied to your footer element. Look for properties such as height, max-height, or overflow that might be limiting the size of the footer. Make sure there are no conflicting styles or overrides that are preventing the footer from expanding. Adjusting these properties or removing any constraints should allow the footer to expand.
-
Content within the footer: If there is content within the footer that is causing it to overflow or exceed its intended size, it may prevent the footer from expanding. Make sure the content within the footer is appropriately sized and doesn’t contain any fixed dimensions that restrict its expansion. You can also try removing or adjusting the content temporarily to see if it resolves the issue.
-
Parent container constraints: Check if the parent container or element of the footer has any fixed dimensions or styles that are affecting the footer’s size. It’s possible that the parent container is restricting the expansion of the footer. Inspect the parent container’s CSS properties and adjust them if necessary.
Hi! Thank you for your response. I am still confused because I have checked these properties and I can’t find the problem. Would you mind taking a look? The website is https://shebangin.com/ and if there is a password it is “slate”. Thank you!
Hi @shebangin
This is BSS Commerce - Full-service eCommerce Agency.
We checked the width of the footer on your page and it is having a maximum width of 1140px. You can increase the width of the footer by doing the following steps:
Step 1: At Shopify Admin, Select Online Store → Themes → Edit code
Step 2: Find and open the file custom.css
Step 3: Copy and paste this code at the end of the file cus tom.css
.cstm-footer-content-wrapper .container {
max-width: 1500px !important;
}
- With the above code, I increased the width of the footer from 1140px to 1500px. You can increase/decrease the above value according to your wish
Step 4: Save
Hope this helps you.
BSS Commerce - Shopify Apps & Development Services Provider - Shopify Expert
Level up your Shopify store with our B2B & B2C apps
Thank you! I added the code and the footer is the same. Do you know what the solution to this could be? Thanks for the help!