Mobile site Slider

[WenMemberTopics: 10Replies: 15Total: 25 Member since: February 4, 2016]

Hello,

This is my page http://www.cet-icp.org/

On the mobile site of the page

1. The grey layer of the homepage slider for long topic (Deferred Action for Children Arrivals), is “growing” horizontally, wide. Can it be changed to vertical shaded grey layer instead of horizontal shaded grey layer?

2. The “white dot” when the slider changing, is overlapping with the menu bar drop down. Can the slider be slightly lower so that the first few “white dot” not overlapping with the menu bar? I can’t click the “white dot” to select different slides.

Please help.

Thanks 🙂

[Forum ModeratorParticipantTopics: 0Replies: 20567Total: 20567 Member since: August 16, 2013]

Hi Wen,

Try to put short slider title there to avoid this issue.

For the pagination: (white dot)

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:767px){
.nivo-controlNav a{margin:0 0 2px !important;}
}

Regards,
Dave

[WenMemberTopics: 10Replies: 15Total: 25 Member since: February 4, 2016]

Hi Dave,

Thanks for the pagination, it works!

As for the slider title, it is hard to make it shorter (That’s the fullname of the program).

Would you be able to set a fix width for the grey area, so it grows with flexible length (become vertically stretch), instead of fix height and grows horizontally stretch (current slider)? As you can see from the current website, it works in this way (vertically stretch).
*Only in mobile site

Please help, thanks 🙂

Regards,
Irene

[Author]

Posts