Changing position of Slideshow Heading and Subheading Prestige

Store Design
1

Hello everyone, i hope everything is well

I am trying to move the Heading above my subheading in Prestige Slideshow section. I have 2 slide sections, the changes have to apply only to the top one at the landing page.

I looked through the costumizer but i couldn’t find where i can do this, there is only the option to select where they appear (Left, Right or Center). No option for how fat left or right or to change their positions respectively to each other.

This is the slideshow now:

Before.png
Before.png1717×554 104 KB

This is the desired result

After.png
After.png1690×538 245 KB

Website ulr: https://luxury-cartell.myshopify.com/

Password: stoyol

Thank you very much in advance!

2

hello @NZA

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 789px){
 .Slideshow__Content.Slideshow__Content--bottomLeft  .SectionHeader{
        display: flex;
        flex-direction: column-reverse;
    }
#shopify-section-slideshow .SectionHeader  h3.SectionHeader__SubHeading.Heading.u-h6 {
	margin:0 !important;
}
#shopify-section-slideshow .SectionHeader  h2.SectionHeader__Heading.SectionHeader__Heading--emphasize.Heading {
	  margin:0 !important;
}
}
1 Like
3

@Kinjaldavra Thank you for your help,

I have added the code but nothing seems to happen, can i provide any more info for a possible fix ?

4

Sorry my bad @Kinjaldavra I was confused XD