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 ‘spac…

@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

@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

@Endlessretro try this code https://gist.github.com/rotcl/d6beab610be717ddbea9ed2dc6a5b4aa

@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

Help with header info line - showing in different text in safari to chrome so sitting incorrectly

Store Design

KetanKumar January 9, 2022, 9:08pm 4

@Endlessretro

if possible to sare video

Topic		Replies	Views
Make header broad Store Design design , customizations , css , shopify-themes , html	1	44	May 25, 2024
Help with how to get my page to full width by reducing the margins either side.. see screenshots.. Store Design	11	150	January 9, 2022
Fix header potition Store Design design , customizations , css	4	68	May 6, 2024
Problem with header design and wide bare Store Design menu , liquid , design , header , customizations , shopify-themes	7	139	February 5, 2025
The top heading bar looks messy on 2 lines Store Design design	6	108	July 25, 2024

Help with header info line - showing in different text in safari to chrome so sitting incorrectly

Related topics