How to maintain consistent header size across all pages without the logo?

Store Design
, ,
1

Hello all!

I have added a code (below) to my theme.liquid file to remove the logo on the homepage page of my website www.day204clothing.com. However, I have noticed that when I navigate to other pages, the position of the search and shopping cart icon in the top right corner moves down since the logo is now on that page. Does anyone know how to keep the header size consistent across all pages, even when the homepage logo is removed?

Let me know if you have any questions. I am using the Dawn theme and my url is www.day204clothing.com.

{% if template contains 'index' %}
    
    {% endif %}
2

Hello @Day204
Glad to help/support you today.

Regarding your issue, you can use the code below instead of the old code:

{% if template contains 'index' %}
    
    {% endif %}

I hope you find the answer helpful or if you need further support, do not hesitate to reach out to us.

Best regards,
GemPages Support Team

1 Like
3

Go to Online store > Themes > Edit code > Assets > base.css, add this code at the bottom and Save file

.header__heading-logo {
max-height: 30px !important;
width: auto !important;
}
4

Hi @Day204 ,

Please change all code:

{% if template contains 'index' %}
    
{% endif %}

Hope it helps!

1 Like