Skip to main content
OCLC Support

Move landing page Browse button

Depending how you have customized your collection landing pages, the location of the Browse button may not be very convenient. Because the Browse button is inserted in the landing page automatically by CONTENTdm, you can use custom scripting to relocate it within the page.

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.

The example recipe below has been configured so that the Browse button is moved only in the landing page for the OCLC Sample Collection on the customization demo site. If you want this change to take effect for all of your collections, you can remove the if clause from the addEventListenersection. The example recipe below has the if clause removed.

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