Button Position On Mobile, Prestige Theme

Topic summary

A user seeks help repositioning a slideshow button to bottom center on mobile devices using the Prestige theme.

Proposed Solution:

  • Another user suggests adding CSS code to “theme.scss.css” file
  • The code targets mobile screens (max-width: 431px) and modifies .Carousel--insideDots .flickity-page-dots positioning
  • Instructions provided: Navigate to Online Store → Edit Code → Assets folder

Current Issue:

  • The original poster cannot locate the “theme.scss.css” file in their assets
  • Only “theme.scss.liquid” file is visible in their theme files (screenshot provided)
  • The discussion remains unresolved as the suggested file doesn’t match what’s available in the user’s theme structure

Status: Open - awaiting clarification on correct file location or alternative approach for the Prestige theme.

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

Hello, I’m trying to move the button location on the slideshow to bottom center for mobile. Please help. I’m using the prestige theme

.

.

https://www.rayotisisters.com

Hi, go to the file “theme.scss.css” and paste this at the buttom.

@media (max-width:431px)
{
.Carousel--insideDots .flickity-page-dots {
    position: relative !important;
    width: auto !important;
    margin: 0 !important;
    bottom: 24px !important;
    left: 0px !important;
}

there is no “theme.scss.css”

Hi,

  1. Go to Online Store
  2. Edit Code
  3. go to “assets”
  1. “theme.scss.css” need to be there
  1. Add the following code in the bottom of the file above

in assets available is "theme.scss.liquid

there no "theme.scss.css