Adjusting elements within footer to reduce unused space

Topic summary

A user working with Shopify’s RISE theme wants to optimize their footer layout on desktop by placing the region selector on the same line as copyright information. This adjustment aims to eliminate excessive blank space in the footer area. The current layout appears fine on mobile devices, but the desktop version has unnecessary whitespace that could be reduced through CSS customization.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

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 */
}

@PaulNewton thank you!

1 Like

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