Align the Logo Mobile Responsiveness

• 

  novovape · Member · Nov 1, 2017 at 3:57 pm

  • Copy link
  • Add topic to favorites

  Hi Community,

  I have changed the logo of my Fruit Theme which was squared originally while the new logo is horizontal and needs some adjustment.

  I tried to make it bigger with this code:

  .logo.logo1 {
  width: 400px;
  height: 100px;
  }

  Both on the laptop and the smartphone it was big enough. However, from the laptop (or desktop) it was moved too much to the right hand-side. For this reason, I added another piece of code:

  .logo.logo1 {
  position: relative;
  top: 60px;
  right: 130px;
  }

  Now, on the desktop it looks ok while on the smartphone (in horizontal) it doesn’t look great because it’s moved leftward…

  I don’t know how to edit my logo settings and make sure that it looks good on all the devices while keeping a great responsiveness.

  Any help would be very appreciated :)

  P.S. the website is: gesvape.com

  Gio

• 

  tarunvijwani · Member · Nov 1, 2017 at 5:08 pm

  • Copy link

  Hi there,

  The site you’re referring gesvape.com is not hosted on WordPress.com.

  Name Servers:
  dion.ns.cloudflare.com
  elinore.ns.cloudflare.com

  Please share the site URL, if this is regarding to any other site which hosted on wordpress.com?

  This is a public forum which provides support only for the sites hosted on WordPress.com.

  There’s another support forum for WordPress.org self-hosted site, you can navigate to WordPress.org forum using this link:
  https://wordpress.org/support/

  For jetpack support https://jetpack.com/support/

  To learn about the difference between the WordPress.com and WordPress.org please refer this article:
  https://en.support.wordpress.com/com-vs-org/

  Hope it helps.

  Thanks!

• 

  novovape · Member · Nov 1, 2017 at 5:17 pm

  • Copy link

  Ops my bad sorry.

  Thanks for pointing me to the right direction.

  Gio