Logo not centering on devices and white space

Asked on October 8, 2016 in Customization.

Hi

I can’t seem to get the logo to centre on devices. I think it could be because of the hidden right-hand menu but I don’t know.

Also, there is a load of white space under the contact form before the footer that I can’t seem to reduce.

Home Page

Gemma Layers User
Reply
1 Answer(s)
Answered on October 10, 2016.

Hi there,

Without a URL to inspect your code the best I can do is offer general advice –

1. Logo

The logo will always left-align on mobile devices to allow for the mobile menu. If you do not have a menu because this is a single scrolling page, you can center the logo with Custom CSS. Please see our tutorials on responsive modes. This is made easier with the DevKit plugin.

http://docs.layerswp.com/doc/how-to-customize-the-mobile-or-responsive-views/

The selector for the logo is


.logo a

2. White space is usually a margin or padding. The following tutorial will give you a quick primer on using your browser inspector so you can see what is causing the spacing:

CSS Styling Using the Browser Inspector & Customizer

Reply