Hide Background on Mobile device

• 

  flolucious · Member · Oct 16, 2015 at 1:31 pm

  • Copy link
  • Add topic to favorites

  Hey Guys,

  i like to hide the background image at the first page: http://www.patricio-cataldo.com

  i used to the betheme / can you tell me how the css looks like?
  I can Paste my ow custom CSS code for this page.

  Thx

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

• 

  jameswelbes · Member · Oct 16, 2015 at 2:11 pm

  • Copy link

  Hey there,

  give this CSS a try:

  @media screen and (max-width: 800px) {
      element.style {
  background-image: none;
  }
  }

• 

  flolucious · Member · Oct 16, 2015 at 2:19 pm

  • Copy link

  thx for your reply. Where do i need to fill in the URL of the jpeg?

  I got a option point to hide all backgrounds at mobile devices (but in this case i get a problem with the site “Über mich”)

• 

  jameswelbes · Member · Oct 16, 2015 at 2:23 pm

  • Copy link

  Maybe I misunderstood what you needed.

  I thought you wanted the background image to show up on a desktop/laptop, but NOT show up on a mobile device.

  You already have the background showing up on desktop, if you put that code I gave you in your Custom CSS, the image will not show up on mobile devices.

• 

  flolucious · Member · Oct 16, 2015 at 2:55 pm

  • Copy link

  yes exactly. I entered the code at the site but there was no effect…

• 

  jameswelbes · Member · Oct 16, 2015 at 3:16 pm

  • Copy link

  Are you on a Premium account?

• 

  flolucious · Member · Oct 16, 2015 at 3:39 pm

  • Copy link

  no, free version. why?

• 

  jameswelbes · Member · Oct 16, 2015 at 3:50 pm

  • Copy link

  Because you need to be on a Premium account in order to make changes to your CSS.

• 

  flolucious · Member · Oct 17, 2015 at 8:34 am

  • Copy link

  ok, thx i found a solution :)