CSS code desk vs phone

• 

  thecreathor · Member · May 19, 2019 at 7:26 pm

  • Copy link
  • Add topic to favorites

  Hello all,

  I want to insert an image in the background of the “site-content” but the problem is that works good in the desk mode, but it doesn’t work in phone mode. The image is not at the same position and the size is different.

  My CSS code:

  .page-id-24 .site-content {
  background-image: url(‘https://degrescolores.files.wordpress.com/2019/05/table-de-nuit-1.jpg’);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  }

  Is it possible to adjust the size automaticlly between desk mode and phone mode?

  Le bien-être par l’habitat

  The blog I need help with is: (visible only to logged in users)

• 

  khushbudesaiblog · Member · May 21, 2019 at 8:38 am

  • Copy link

  Hi @thecreathor,

  This is how can I see on my mobile(android) https://imgur.com/a/qpuC1eO

  Do you see differently?