Good Evening,
I am hoping somebody can help me.
I have noticed that the header tape on my site is showing differently on safari and chrome. I have included screenshots below, but on safari, the text shows on two lines rather than one straight line. I have noticed the font looks slightly more ‘spaced’ on safari and wondering if this is why. Is there a way of me fixing this issue?
URL: https://endless-retro-22.myshopify.com/
HEADER TAPE ON CHROME
HEADER TAPE ON SAFARI
FONT ON HEADER TAPE ON SAFARI - LOOKS MORE SPACED OUT
FONT ON HEADER TAPE ON CHROME
THANK YOU,
@Endlessretro
your have clear your cookies
@KetanKumar thank you, I have cleared my cookies on both browsers and nothing changed, the text still showed differently.
Do you have any other possible solutions please?
Thank you
@Endlessretro
if possible to sare video
@KetanKumar
please see explanation on link below
https://pasteboard.co/N9P6z82AE4Hn.png
I have marked in red the parts that we are trying to get full width. The header info line and also the brand carousel.
Thank you,
@Endlessretro
oh yes please add thus code
.header .container {
max-width: 100%;
}
Thank you thats great! Any way we can do the same with the brand carousel too please which I marked on the linked screenshot? Thank you
@KetanKumar Do i insert the whole thing?
And into theme.min.css?
@KetanKumar I have tried this code in theme.min.css and nothing changed. Do you have any other possible things I can try please?
nope your creat new section this code and try to add new section add home on theme setting
