How to centre the logo

  • Hi,

    I’m trying to centre my logo in the Parabola theme.

    If I use the Parabola theme setting and set a left margin for the header settings this works. HOWEVER, it does not render well when viewing on mobile. If I set the left margin to 400px say, when viewing in the mobile device, the logo falls off because this aspect is not responsive.

    Is there another way I can custom code to have the logo centred?

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter baker_girl

    (@baker_girl)

    If anyone else is wanting to do this, I achieved it by altering to the following code. I added in the ‘text-align:center’ style and this worked.

    I put the code in the custom CSS section rather than alter the actual stylesheet.

    #header-container > div {
    padding: 10px;
    margin-top: 20px;
    text-align: center;
    }

    The theme already has the logo margin(s) option to help you position the logo inside the header. You don’t need custom code for that.

    Indeed “centering” it using the left margin is not responsive.

    Thread Starter baker_girl

    (@baker_girl)

    I don’t see the point in ‘centering’ it using the left margin if it’s not going to render in the responsive view??

    I’d like it centered, regardless of device so yes, the custom code was the only way to achieve this? Unless there’s another way to achieve this for both desktop and mobile?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to centre the logo’ is closed to new replies.