This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

[Slider Widget] Navigation controls visible on mobile?

Open 1 reply questionthemetheme-vantage
thijmendam
9 years ago · Last reply by Alex S 9 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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 9 years, 28 days ago

    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.

Have a different question or issue?

Start New Thread