WordPress.org

Ready to get started?Download WordPress

Forums

Parabola
How to centre the logo (4 posts)

  1. baker_girl
    Member
    Posted 8 months ago #

    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.

  2. baker_girl
    Member
    Posted 8 months ago #

    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;
    }

  3. theZedt
    Member
    Posted 8 months ago #

    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.

  4. baker_girl
    Member
    Posted 8 months ago #

    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?

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.