I’m just finishing up my first Rapidweaver website based on Foundation and have a few problems that I am looking for advice on.
Upon initially loading the page the Impact header is not present and the remaining content is mis-aligned. Then Impact loads its images and appears, shifting everything downwards. This happens quite quickly so may not be a massive problem, but it is just a little disappointing. Is there a way to prevent this?
- The Topbar is set to only show the full menu on desktop. However, when I view the site on an tablet, the full menu gets displayed incorrectly - often with a white background that makes the buttons unuseable. If I scroll down the page, sometimes the menu suddenly appears and looks fine. I’m not sure what is going on here.
- Again with the topbar, on a mobile device (iPhone 6 in this case), when i press the menu button, it is displayed correctly, but the menu text overlaps the first menu button.
- On the ‘About Us/Our Dogs’ page, I use the Focus stack. When you click on ‘More info’ for any of the dogs, the Focus stack content appears, but when you scroll up and down, the page has a horrible ‘Jitter’ to the rendering. Not sure why this may be?
The site is here:
If there are any other general comments then please let me know - as I said it’s my first project so might have made some basic errors.
Thank You in advance!