[Brett]

Hi,

On the Home Page, the Slider Dots (links to each slider) show.
They look good on PC, but on Smart Phone browser their position & size relative to the smaller slider size now puts them over text.

Is it possible to make them vanish/invisible just on the SmartPhone/Mobile Browser version?

[Theme Horse Support Team]

Hi Brett,
Are you asking to invisible the slider in SmartPhone/Mobile Browser version?

Thank you!

[Brett]

Hi,

I want to keep seeing the Sliders on:
a) PC browser
b) Smart Phone browser
c) Tablet browser
…and currently do. That is good.

But, I only want to see the slider “dots/buttons” that are visually over the Sliders (at lower/centered area) on:
a) PC browser
b) Tablet browser

I do not want to see the slider “dots/buttons” that are visually over the Sliders (at lower/centered area) on:
a) Smart Phone browser
…because they are too big, and are over some text when the Slider image gets scaled down for the Smart Phone.

Is there any way to accomplish “hiding” the “dots/buttons” when user is on Smart Phone browser ?

thanks so much 🙂

[Brett]

hi,

found it.
file = . / . / wp-content / themes / attitude-pro / style.css
code = added new code section & changed vertical position within it for Smart Phone only:

@media only screen and (max-width: 767px) {
#controllers {
text-align:center;
line-height:0;
position: absolute;
width: 100%;
bottom: -19px; /* move dots below sliders */
z-index: 9999;
}

[Theme Horse Support Team]

Hi Brett,

To hide the dots from the slider on smaller devices Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

@media only screen and (max-width: 767px) {
	#controllers {
		display: none;
	}
}

Thank you!

[Author]

Posts