Why does duplicating my live theme show differences on the home page?

Technical Q&A
1

Hi All,

I am facing some problem when I am duplicating my live theme (Prestige). When previewing the duplicated theme, the home page is showing slightly different from the live website. However, the inside pages seem to be fine. What could be the probable reason for this problem? Is there some problem with the coding? Please help. Thank you in advance. Attaching pics for the same.

4.png
4.png1920×1080 313 KB

3.png
3.png1920×1080 202 KB

2.png
2.png1920×1080 291 KB

1.png
1.png1920×1080 262 KB

2

Hello @kavipoetryart ,
Please share your live theme URL and preview theme URL.

3

Live: https://kavipoetryart.in/

Preview: https://kavipoetryart.in/?_ab=0&_fd=0&_sc=1

4

Preview: https://kavipoetryart.in/?_ab=0&_fd=0&_sc=1

Please share correct URL of preview theme

5

On Duplicate theme Add this css at the bottom

Online Store->Theme->Edit code

assets->theme.css

.template-index .shopify-section:nth-child(4) {
background-color: white !important;

}

.template-index .shopify-section:nth-child(8) .Liquid {
background-color: #f6e803 !important;

}

6

This is the only link. Is it not opening?

7

On Duplicate theme Add this css at the bottom

Online Store->Theme->Edit code

assets->theme.css

.template-index .shopify-section:nth-child(4) {
background-color: white !important;

}

.template-index .shopify-section:nth-child(8) .Liquid {
background-color: #f6e803 !important;

}

8

This worked. Thanks. I forgot to mention, the bottom section that is “Our Client” part is also not showing accurately. It has to be in white. If you can help with the code for that too. Thank you for help and support.

kavipoetryart_0-1665037235249.png
kavipoetryart_0-1665037235249.png1920×1080 209 KB

9

On Duplicate theme Add this css at the bottom

Online Store->Theme->Edit code

assets->theme.css

.shopify-section:nth-child(14) .Section {
background-color: #fff;

}

10

Thanks for your help and support