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

    https://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:

    https://docs.layerswp.com/css-styling-using-the-browser-inspector-customizer/

    Reply