Floating the logo on responsive

• 

  curdsandwheycreative · Member · Aug 23, 2016 at 2:52 am

  • Copy link
  • Add topic to favorites

  Hello,
  I’m hoping someone may be able to help me with a CSS customisation. I’m on the Plane theme and want the logo to float left. I’ve had assistance to do that but need further help to make it float centrally on the header on the iPad/mobile view (where it now sits on the bottom edge of the header image)

  Any gurus with a minute that could help me out?

  Cheerio, Tanya

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

• 

  thesacredpath · Member · Aug 23, 2016 at 7:05 pm

  • Copy link

  Hi Tanya, let’s use a Media Query to tell the browsers to only float the logo to the left at 1025px and wider (1024px being the width of a iPad in Landscape orientation). Replace the code you used to float it to the left with the following.

  @media screen and (min-width: 769px) {
  .site-header .site-logo {
  	float:left;
  }
  }

• 

  curdsandwheycreative · Member · Aug 24, 2016 at 7:40 am

  • Copy link

  Thanks thesacredpath, that worked perfectly xxx

• 

  thesacredpath · Member · Aug 24, 2016 at 7:59 am

  • Copy link

  Hooray and you are welcome!