Adjust logo spacing on MOBILE site?

[Ashley Davis]

Hey Bill,

I’m almost finished… if that’s possible, right?

Is there a way to adjust the spacing around the logo JUST on the mobile site? I’ve got it where I want it on the regular site, but it has a lot of wasted space around it on the mobile site.

Thanks!
Ashley

[Bill Robbins]

Ashley,

Congratulations on nearly being finished. It’s always a good feeling.

It is also possible to change the position on mobile only. Add this to your Custom CSS:

@media only screen and (max-width: 400px) {

	#logo {
		top: 145px;
	}

}

There are two things here you can adjust. The 400px sets the width of the browser window where the changes inside will take place. The 145px sets the distance from the top of the device that the logo will be in a browser that size. Change those to get the size browser you want and then the position in it.

If you run into trouble, let me know.

Bill

[Ashley Davis]

Perfect! Thanks Bill!

[Author]

Posts