Within the site I am building I have included links within some of the brochure pages to a number of products using <a href="[section].html#[product ref]">. The products are laid out in rows.
Whilst the links work correctly, when the link is clicked, only the very bottom of the product is displayed in the viewable area - the rest of the product disappears past the top of the screen.
It appears that the link is directed towards the 'add to basket' button (which is at the foot of the product) rather than the picture of the product. Therefore, the product picture is not displayed in full view.
Any tips how I can get the whole of the product to display within the viewable screen after its link is clicked?
Thanks in advance.
Whilst the links work correctly, when the link is clicked, only the very bottom of the product is displayed in the viewable area - the rest of the product disappears past the top of the screen.
It appears that the link is directed towards the 'add to basket' button (which is at the foot of the product) rather than the picture of the product. Therefore, the product picture is not displayed in full view.
Any tips how I can get the whole of the product to display within the viewable screen after its link is clicked?
Thanks in advance.
Comment