Mobile Footer menu - 2 columns on Spotlight theme help please!

Store Design
,

Topic summary

A user seeks help adjusting their Shopify store’s mobile footer menu from a single column to a two-column layout on the Spotlight theme.

An attached screenshot shows the current single-column footer menu layout on mobile.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file
  • Add CSS code at the bottom that uses column-count: 2 for screens under 749px width
  • Save the changes

The solution uses a media query to apply the two-column layout specifically to mobile devices. The discussion appears resolved with a working code snippet provided.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi I would really like to adjust the layout of my footer menu to view as 2 columns not one.
can someone help please ? Thanks so much!

IMG_3617.png
IMG_3617.png1179×2556 201 KB

2

Hey @Luxelashenvy

Please follow below steps
Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save

@media screen and (max-width: 749px) {
    .footer .footer-block__details-content{column-count: 2;}
}

Let me know if you need any other help.