Logo not centering on devices and white space

Asked on October 8, 2016 in Customization.


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
  • Possible Answers to Your Question:

  • 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.


    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: