Nishita background

• 

  laurikarjunen · Member · Mar 2, 2015 at 9:06 pm

  • Copy link
  • Add topic to favorites

  Hi. How can I get my background image off when browsing mobile phone or tablet. Background image is good in computer screen but doesn’t fit in mobile screen, so I want to take it off from mobile screens. Or if you know how to fix it, I would be glad.

  My site: laurikarjunen.com

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

• 

  gracejiyoung · Member · Mar 2, 2015 at 9:53 pm

  • Copy link

  Hi Lauri,

  Sure. You can do this if you edit CSS. Please go to Appearance → Customize → CSS and add the following:

  @media only screen and (max-width:783px) {
  	body.custom-background {
  		background-image: none;
  	}
  }

  Let me know if you have any questions with this!

• 

  laurikarjunen · Member · Mar 3, 2015 at 8:31 am

  • Copy link

  Hi… Thanks for the help. I add that css but nothing happened.
  Still same look than yesterday.

• 

  gracejiyoung · Member · Mar 3, 2015 at 6:40 pm

  • Copy link

  Hi Lauri,

  I see what you mean about the background. I was able to remove the background image, but the color was still off. The theme Nishita is not optimized for mobile devices, so what you can do is enable the mobile theme by going to Appearance > Mobile in your Dashboard. When you enable that the background will adopt a similar appearance to desktop displays without the alignment issues.

• 

  laurikarjunen · Member · Mar 3, 2015 at 7:35 pm

  • Copy link

  Hi. Thank you again.
  I made few tests… Earlier when my site content areas (i dont know is it a right term) was without transparent settings, mobile view was great. Then I changed it for adding next;
  #header {
  background-color: transparent;
  background: rgba(0,0,0,.8);
  }

  .main-inner,.main, #comments {
  background-color: transparent;
  }

  .wf-active, .main, #sidebar {
  background-color: transparent;
  background: rgba(0,0,0,.8);
  }

  After that mobile view was like it is now.
  I took that css off and mobile view is ok again.
  So I guess that I cant use transparent areas if I want site looking good in mobile too. Weird…
  Sorry my bad english.

• 

  gracejiyoung · Member · Mar 3, 2015 at 7:59 pm

  • Copy link

  Gotcha. Glad you were able to figure it out.

  Cheers!

• 

  laurikarjunen · Member · Mar 3, 2015 at 8:24 pm

  • Copy link

  Thanks. Thats all this time.

  Cheers!

• 

  gracejiyoung · Member · Mar 3, 2015 at 9:38 pm

  • Copy link

  You’re welcome.