Secondary control bar secondary-control-bar

The secondary control bar is the rectangular area that contains First and Last Page buttons and a Page Indicator when made available in CSS.

By default, it is displayed on mobile phones only, in the bottom of the viewer. It always takes the whole available viewer width. It is possible to change its color, height, and vertical position by CSS, relative to the viewer container.

The appearance of the secondary control bar is controlled with the following CSS class selector:

.s7ecatalogsearchviewer .s7secondarycontrols .s7controlbar

Example - to set up a gray secondary control bar that is 72 pixels tall and is positioned at the bottom of the viewer container.

.s7ecatalogsearchviewer .s7secondarycontrols .s7controlbar {
 bottom: 0px;
 height: 72px;
}