Change header and logo padding

Home Forums Flash Free Change header and logo padding

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  Nilan 5 months, 4 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1394797

    charlien.bossier
    Participant

    How can I change the padding in the header area?
    I want less space above and beneath the logo and menu.
    Can I also change how to logo is shown? I always have to crop it to square size …

    I also want my logo to be centered on mobile version.

    url: https://www.betamedics.be/homepage/

    Thanks!

    #1394932

    Nilan
    Moderator

    Hi Charlien,

    To reduce the padding on the header and make logo centered in mobile devices, you can try the custom CSS below.

    .logo .logo-image {
        padding: 5px 0;
    }
    
    @media (max-width: 600px) {
        .header-primary__main {
            text-align: center;
        }
    }

    Regarding the query about cropping an image for the logo, you can use any size of the image you want and simply skip cropping.

    Regards,
    ThemeGrill Support

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.