Floating the logo on responsive
-
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)
-
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; } }
-
-
- The topic ‘Floating the logo on responsive’ is closed to new replies.