Button Position On Mobile, Prestige Theme

Store Design

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.
1

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

2

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;
}
3

there is no “theme.scss.css”

4

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
5

in assets available is "theme.scss.liquid

shopuify.png
shopuify.png1213×509 37.7 KB

6

there no "theme.scss.css