Setting different size& position for the background image on Mobile

• 

  sebastianjoanatango · Member · Jul 5, 2017 at 8:23 pm

  • Copy link
  • Add topic to favorites

  Hi Everyone,

  I have my website but every time I open on the mobile the image on the background and the logo doesn’t look good. How can I change the position and size of the logo and the background image. I am using the Obsidian template.

  Thanks a lot.

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

• 

  aportbury · Member · Jul 6, 2017 at 2:40 am

  • Copy link

  Hey Sebastian,

  Welcome to the forums :)

  If you’re on a WordPress.com Premium or Business plan, you could use custom CSS to adjust the position of the logo and background image.

  More information on using custom CSS can be found here: https://en.support.wordpress.com/custom-design/editing-css/

  Let me know if you would like me to explain the process for using custom CSS to adjust the position of your logo and background image :)

  Aaron

• 

  kathrynwp · Staff · Jul 6, 2017 at 9:44 pm

  • Copy link

  Sebastian & Joana – let us know specifically how you’d like to shift the two images around so we can help you with the necessary CSS code. Explaining in what way you don’t like how things look now would also be very helpful. Also, when you say “mobile” what screen size are you referring to? Just phone sizes? Tablets? Any size in particular? Screenshots could be helpful too!
  http://en.support.wordpress.com/make-a-screenshot/

  You can upload the screenshot – in a graphic format like JPG, PNG, or GIF – in your Media Library so I can see it. Thanks.

  p.s. Aaron – folks who post in the CSS forum generally (not 100% of the time, but nearly always!) do so because they have access to Custom CSS, so it’s OK to go ahead and assume that in the future, and provide code snippets right away if the issue is clear. Thanks for pitching in, your help is appreciated!