Cross-browser formatting changes

  • Focussing on the mobile and desktop site at the moment, both versions have gone to plan apart from the sticky header-bar. It has two colours (the pink and blue intentionally coming between the two words of the brand), though on each browser it is stretched into different (unwanted) proportions. What’s the best way to keep the point of the colour divide consistent (with the words ‘focus’ and ‘chain’)? (on mobile, the same applies but the pink dislocates from the yellow ‘join’ button, which it should intersect with).

    Poorly worded I realise, but the help is appreciated!

    • This topic was modified 4 years, 9 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • To keep things sized the same on different windows, use percentages or viewport units. if you need it to size with the text, use character based units like em or ch.
    Otherwise, put it all in an image (with max-width:100%; height:auto) so that it changes in size according to the window.

Viewing 1 replies (of 1 total)
  • The topic ‘Cross-browser formatting changes’ is closed to new replies.