Move logo header

Hi,

How can I move the logo image to the left of the header? so there is more space for the menu.

Thank you,
Vic

Hello Vic,

It looks like you have already done this. However, mobile menu layout seems to be broken. Please consider wrapping your custom CSS code in media query.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman, you helped me to do that on my other website working with Astrid theme,


@media only screen and (min-width: 1025px) {
    header#masthead > div.container {
        width: 100%;
    }

    header#masthead a.custom-logo-link > img.custom-logo {
        margin-left: 0;
    }

    header#masthead div.site-branding {
        padding-left: 0;
    }
}

However this css doesn’t work on this one and I can’t figure out the solution.
Concerning wrapping the custom CSS, I didn’t know it was important, I’m going to learn more about it.

Thank you :slight_smile:

You are welcome Vic!

Please let me know if you need more help.

Kind Regards, Roman.

Hi Roman, I tried to fixed the broken layout of the mobile version with media queries, nothing changed so I ended up deleting all the custom CSS I added but the slider image was still broken. I also tried to changed the settings in the header area but nothing changed neither. Can you give me a hand to find out where could this come from ?

Merry Christmas and Happy new year,
Victor

Hello Victor,

Please try to reinstall the theme. But please remember about importance of regular full site backups (files and database).

Merry Christmas and a Happy New Year!
Kind Regards, Roman.

Thanks for your time Roman, i’ll do that
have a good day

You are welcome Victor!

Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.