Storefront Header size, all pages

  • Resolved darkwoodstudios

    (@darkwoodstudios)


    3 years, 3 months ago

    I’d like to make the header narrower. Maybe 1/2 the height that is displayed at this time. I don’t know enough to make that happen.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • robertght

    (@robertghetau)

    3 years, 3 months ago

    Hi there,

    This appears to be caused by the logo image which is quite big for that area.
    You can try to reduce the size of that logo and re-upload it to see how it would appear or to adjust the existing code.

    To reduce the height of that header we can reduce the size of the logo through this CSS code:

    
@media (min-width: 768px){
.site-header .site-branding img {
    max-width: 120px;
 }
}

    To further reduce the height you can also add this:

    
@media (min-width: 768px){
.site-branding {
    margin-bottom: 0;
 }
}

    The CSS solutions mentioned above can be added through Customize > Additional CSS field.

    I hope this helps!

    Warm regards,

    Niall a11n

    (@wpniall)

    3 years, 1 month ago

    Hi @darkwoodstudios,

    We haven’t heard back from you for a while, so I’m going to mark this post as resolved. If you have any further questions or need additional help, please start a new thread and we’ll be able to help you there. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Storefront Header size, all pages’ is closed to new replies.

Tags