Urgent help with header

Store Design
, , ,
1

I really need some help with the header of my website.

  1. Product page only, I want the icons (top right) to be in burgendy (matching the colour of the navigation on the left)

Screenshot 2026-03-03 at 10.13.26
Screenshot 2026-03-03 at 10.13.261920×895 160 KB

  1. The header is transparent, so I would like the content have more padding at the top, at the moment it sits below the heading and the logo.

Screenshot 2026-03-03 at 10.25.39
Screenshot 2026-03-03 at 10.25.39832×1086 97.4 KB

  1. Globally, I would like the icons in the header to align with the navigation.

URL: jadeo-2.myshopify.com

PWD: Lisbon2026

2

Please add the code below to theme.liquid file under <head> then save file and check

{%- if template.name contains 'product' -%}
<style>
.header__icon--menu .icon,
.header__icon .svg-wrapper {
    color: #863425 !important;
}
.product__media-wrapper { margin-top: 120px; }
header-drawer,
.header__icons {
    top: -18px;
    position: relative;
}
</style>
{%- endif -%}
Best regards,

Dan from Ryviu: Product Reviews App

3

Amazing thank you!

The last thing was to align the icons and the navigation, both mobile and desktop:

Screenshot 2026-03-03 at 10.54.39
Screenshot 2026-03-03 at 10.54.392220×298 44.1 KB

Screenshot 2026-03-03 at 10.54.22
Screenshot 2026-03-03 at 10.54.22804×260 17.2 KB

4

Please update the code to this and check again

{%- if template.name contains 'product' -%}
<style>
.header__icon--menu .icon,
.header__icon .svg-wrapper {
    color: #863425 !important;
}
.product__media-wrapper { margin-top: 120px; }
header-drawer,
.header__icons {
    top: -18px;
    position: relative;
}
</style>
{%- endif -%}