How can I use a different image for mobile on Prestige Theme?

Hey there,

I have a question: I want to you for mobile a different image on a normal Page. We use the Prestige Theme. I know that I need to edit the Scss, but I don’t know which code.

This is our Stor-Url: https://ruhi-rituals.com/

The o be edit page is not online yet. Can someone help me?

Kind regards,

Isabelle

Hi @IsaRohr

I can help you with it, but I need to know the layout of that page.

Hi there,

Would you mind having private messages for more detail?

Best regard,

Jenny.

It is the normal Page-format.

Here the Code of the Page.

SO KOMBINIERST DU DIE RUHI SEREN

Wir werden oft gefragt, ob man unsere Seren auch kombinieren kann. Die Antwort ist: Ja, unbedingt!

Denn: Unsere Seren wirken synergetisch in der Kombination nach dem Prinzip HYDRATION & OKKLUSION.

So funktioniert es:

1. HYDRATION

Hydriere deine Haut mit unseren (pflanzen-) wasserbasierten Seren wie dem Adaptogen Toner Serum und / oder dem Probiotic Hyaluronic Serum.

2. OKKLUSION

Schließe die Feuchtigkeit der vorangegangenen Seren mit unseren Öl-Seren wie dem Bakuchiol Oil Serum oder dem Vitamin C Oil Serum in deiner Haut ein. Weiterer Pluspunkt: Eine zusätzliche Creme ist nicht nötig, da unsere Öl-Seren die Haut intensiv nähren und pflegen.

Das Ergebnis: eine den ganzen Tag (oder Nacht) über perfekt hydrierte, pralle und strahlende Haut.

Die gute Nachricht: Dank unseres ganzheitlichen Formulierungsansatzes wirkt jedes Serum auch für sich allein, d.h. jeder einzelne Schritt kann – je nach aktuellem Hautbedürfnis – weggelassen werden.
Die Reihenfolge ist stets von leicht zu schwer bzw. von wässrig zu ölig.

So kannst du dich beispielsweise an heißen Sommertagen für das federleichte Adaptogen Toner Serum unter deinem Sonnenschutz entscheiden und deine Haut hat alles, was sie braucht!

This is the Preview: https://jsmwn5itcw6dsjzd-29081731205.shopifypreview.com/pages?preview_key=52dbf9af285dc801530ae839a45f805d

cool, not css required, you can replace img src by yourself


 **SO KOMBINIERST DU DIE RUHI SEREN** 

Wir werden oft gefragt, ob man unsere Seren auch kombinieren kann. Die Antwort ist: Ja, unbedingt!

Denn: Unsere Seren wirken synergetisch in der Kombination nach dem Prinzip HYDRATION & OKKLUSION.

So funktioniert es: 

**1. HYDRATION**

Hydriere deine Haut mit unseren (pflanzen-) wasserbasierten Seren wie dem Adaptogen Toner Serum und / oder dem Probiotic Hyaluronic Serum. 

**2. OKKLUSION**

Schließe die Feuchtigkeit der vorangegangenen Seren mit unseren Öl-Seren wie dem Bakuchiol Oil Serum oder dem Vitamin C Oil Serum in deiner Haut ein. Weiterer Pluspunkt: Eine zusätzliche Creme ist nicht nötig, da unsere Öl-Seren die Haut intensiv nähren und pflegen.

Das Ergebnis: eine den ganzen Tag  (oder Nacht) über perfekt hydrierte, pralle und strahlende Haut.

  

Die gute Nachricht: Dank unseres ganzheitlichen Formulierungsansatzes wirkt jedes Serum auch für sich allein, d.h. jeder einzelne Schritt kann – je nach aktuellem Hautbedürfnis – weggelassen werden.

 

Die Reihenfolge ist stets von leicht zu schwer bzw. von wässrig zu ölig.

So kannst du dich beispielsweise an heißen Sommertagen für das federleichte Adaptogen Toner Serum unter deinem Sonnenschutz entscheiden und deine Haut hat alles, was sie braucht!

Hi there,

Let’s try this one, create a p tag for the mobile device then add class for two devices including desktop and mobile. Take a look at the code below:


![Page_How_it_works_ruhi.png?v=1660902283|1200x800](upload://vql6dR2LYe29yW0tD7MuMnBTSft.png)

Image Mobile

.desktop{
 display: block;
}
.mobile{
 display: none;
}

@media only screen and (max-width: 600px) {
  .desktop{
   display: none;
  }
  .mobile{
   display: block;
  }
}