Underwater Pro Responsive Slider

[BenBen]

Hi,

i just finished my homepage and noticed that the Slider section as well as the first column section is not responsive. The slider section is not shown correctly on a mobile device and the columns (the blue icons) keep their size so they take up a very big part of the site. It would be great if could help me fix this.

my url: www.letsfetz.eu

cheers
Benny

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[BenBen]

Hi,

Here the screen. The slider looks fine, but the button (which is visible on the desktop version) is missing completely. Also the blue circles are huge and take up way too much space in 5he mobile version.

http://imgur.com/gallery/6wYWy7S

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.skt-builder-wave, .skt-footer-wave { display:block !important;}
.skt-builder-columns-row-6column .skt-builder-column { width:50%;}
}

Regards,
Dave

[BenBen]

Hey Dave, thanks for the quick response. Unfortunately it doesn’t work. The slider is still missing the button and the blue column are still the same size.

[Sonl Sinha]

Hi,

Remove

@media screen and (max-width:767px) {
.skt-builder-wave, .skt-footer-wave { display:block !important;}
.skt-builder-columns-row-6column .skt-builder-column { width:50%;}
}

Kindly add this one

@media screen and (max-width:767px) {
.skt-builder-wave, .skt-footer-wave { display:block !important;}
.skt-builder-columns-row-6column .skt-builder-column { width:50% !important;}
.nivo-caption .slidebtn { display:table !important;}
.nivo-caption .title { font-size:20px !important;}
}

Regards,
Dave

[BenBen]

Hey Dave, thanks it looks much better now. One more question: is it possible to link the columns (blue circles) to the respective categories in the gallery? So the ‘water button directs to the water section in the category and not the to ‘all pictures’?

[BenBen]

Nevermind, i’ve found another solution. BUT there is a problem with the menu on iPhones. Safari does not show the menu correctly, it just stays white..

Here’s a screen:
https://i.imgur.com/zerJI96.jpg

[BenBen]

Found a solution, thanks!

[Sonl Sinha]

Hi,

Kindly use this CSS

body { overflow-x:visible;}

Regards,
Dave

[Author]

Posts