Hi Shopify community!
Is there a way (using the RISE theme) to adjust the footer where the region selector is on the same line as the copyright info, eliminating the excessive blank space? (just on desktop; it looks fine on mobile)
Website: imagidoodle.com
Thanks in advance!
Grossly try the below kludge in a custom-css setting.
Having a big content area in the footer structure on top o everything else can limit options.
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
.footer__content-bottom {
display: flex;
justify-content: space-evenly;
align-items: center;
}
/* hard override the .page-width class, or remove that class from those elements in the theme */
.footer__content-bottom-wrapper {
display: initial !important;
max-width: 49% !important;
padding: 0 !important;
margin: 0 !important;
}
@media screen and (min-width: 750px) {
/* use this area for desktop rules */
}
@media screen and (max-width: 749px) {
/* use this area for mobile rules */
}
Hello, @ImagiDoodle
1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media screen and (min-width: 750px) {
.footer__content-bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer__localization {
margin-bottom: 0 !important;
}
}
Thank You!
1 Like
Thank you @websensepro! Both codes worked but this one’s a little cleaner.
1 Like