Pro formatting issues (buttons and headers)

Hi X,

A few little but annoying issues on this site: http://hyperbitsmusic.com/

Button:

These are the only login button options that have been changed: https://ibb.co/iOEd4k
The login button usually looks like this: https://ibb.co/iLb2VQ but for the client it sometimes looks like this https://ibb.co/fbXFjk
Why does that happen and how can that be prevented?

Sticky header issue:

The sticky header on tablet header version looks good when viewed on a tablet and ‘sticks’ to the top. http://hyperbitsmusic.com/masterclass But when a page is viewed on desktop computer or laptop and the window is manually resized (made smaller) then the sticky header does this https://ibb.co/hAZvjk It leaves a space between the top of the page and the sticky header. How can that be fixed, considering lots of people shrink pages down on their computers?

thanks!!

Hi there,

Thanks for writing in.

  1. What browser your client is using? I can’t see that issue in any of my devices. Perhaps it’s your client’s browser cache?

  2. What tablet you’re testing it on? I checked it and it’s fixed on top in both tablet and desktop. Maybe you resized it very small when you’re testing it on the desktop. Please note that there are many tablets, an iPad as an example has a resolution equal to a desktop, hence, the top header that being displayed is equal to the header of the desktop. So perhaps, you resized your browser smaller than an iPad which is why it’s not fixed in desktop.

Thanks.