Streaming live at 10am (PST)

How to make Smaller Slider Nav Arrows for mobile


#1

Hi,
I really appreciate that you guys integrated the slider feature.
But could you provide a solution where the Nav arrows are bottom right for the mobile views?


Slider arrow icon move to other location
#2

Hi @PhillipB, you can totally do this by messing with the absolute positioning on Phone devices. Like so:

Right arrow wrapper block:

Left arrow wrapper block:


#3

@thesergie, thanks for the tip.

I also was hopeful to get the navigation arrows at the centre bottom with the slide nav in the middle. I could not figure that out.

I wish there was a way to configure the Slide Nav colors in addition to the background which is easy to do.


#4

I'm not sure what you're getting at. Do you mean having the left arrow on the bottom left, right arrow on the bottom right and nav circles in the middle?


#5

Yes, @thesergie.
something like: < oooooo >


#6

Oh I gotcha. In that case I would set the left arrow to have absolute position with these settings:

Which means "off the bottom - 0px", "off the left - 0px" and the rest auto. Which means it will stick to the bottom left of the slider block. Does that make sense?

Oh and yes, currently the Nav circle colors are not editable, but we will make them editable in the next release slider update!


#7

thanks! It works.....


#8