Skip to main content
OCLC Support

Move landing page Browse button

  1. Last updated
  2. Save as PDF

 Link:  See a live example.

 View:  View source code in CONTENTdm Cookbook Demo Site.

Depending on how you have customized your collection landing pages, the location of the Browse button may be too far down on the page and inconvenient to reach. But you can use custom scripting to easily relocate it within the page. This recipe moves the Browse button from after the landing page text to before the text.

This recipe uses JavaScript rather than CSS because moving the button is more straightforward using JavaScript. It is possible to move the Browse button using only CSS, but that approach is more fragile and has more dependencies on other aspects of your customizations.

If you want to have the Browse button both at the top and bottom of the landing page text, see Clone landing page Browse button.