Home>Support>[Slider Widget] Navigation controls visible on mobile?

[Slider Widget] Navigation controls visible on mobile?

By thijmendam, 7 years ago. Last reply by Alex S, 7 years ago.

Is there any way to display the navigation controls on mobile?

Perhaps only the dots because there probably is too little space for the arrows.

Might it even be possible to have the navigation controls ‘on top’ of the widget, instead of on the side?

Kind regards,

Thijmen.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 8 months ago Alex S
    Hi, I Work Here

    Hi Thijmendam

    You can do this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS:

    @media (max-width: 570px){
	.sow-slider-base .sow-slider-pagination {
		display: block !important;
	}

	/* Arrows */
	.sow-slide-nav {
		display: block !important;
	}
}

    Remove the second selector (the one after the arrows comment) to hide the arrows on mobile.

    To clarify, by on top, you mean above the slider, right? If so, do you have a public URL where we can take a look at your setup?

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More