[Resolved] Header Logo Positioning

[Can]

Hi guys

I cant find this entery in CSS 🙁 Please help me

.inside-header {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;

I dont use padding with my site logo , my siteturizmo.co

[Tom]

That CSS is built by the Spacing add-on which allows you to adjust it all from the Customizer.

You can use CSS to overwrite it like this:

.inside-header {
    padding: 0;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[Rashika Jain]

Hey, Great theme.

I want to position my logo to left of site title.
I added the following css code:

.site-branding {
display: inline-block;
}

.site-logo {
float: left;
margin-right: 20px;
padding-bottom:30px;

}

It worked for laptop screen but in mobile the site logo is showing below the title on left hand side.
Its looking kinda weired. Plz help.

[Jamal]

Hi

If you just want to change the look on desktop then i think this is the code you need

@media (min-width: 769px ) {
    .site-branding {
        display: inline-block;
    }

    .site-logo {
        float: left;
        margin-right: 20px;
        padding-bottom:30px;
    }
}

• This reply was modified 7 years, 10 months ago by Tom.

[Rashika Jain]

When I applied your code, in the mobile screen the site title and logo aligned to center with logo below the title.

But what I want is to shift logo to the left and title to the right, with both of them inline.

[Tom]

Most of the time the above layout doesn’t work on mobile as there’s not enough space.

If you want to keep the same look on desktop and mobile, you’re better off combining the text and logo into one image and uploading it as a header.

[Rashika Jain]

OK, Thanx:))

[Tom]

You’re welcome 🙂

[Author]

Posts