Change Logo Padding for the Top Menu Header

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

If you want to alter the logo padding for the Top Menu header (increase/decrease space above and below the logo), you can use the following CSS snippet:

/* Top Menu Header Logo Spacing */
#site-header.top-header #site-logo {
padding: 20px 0;
}

Adjust the padding value per your need.

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.