[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;
}

[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 🙂

[Author]

Posts