Underwater Pro Responsive Slider

Home Forums All Other Themes Underwater Pro Responsive Slider

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #126674
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    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: http://www.letsfetz.eu

    cheers
    Benny

    #126816
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    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

    #126862
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    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.

    Screen

    #126865
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    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

    #126942
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    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.

    #126957
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    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

    #127035
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    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’?

    #127040
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    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:

    View post on imgur.com

    #127060
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    Found a solution, thanks!

    #127066
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS

    body { overflow-x:visible;}

    Regards,
    Dave

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.