Return to previous page

How to make Slideshow displayed Fullscreen in Mobile View

This topic has 3 replies, 2 voices, and was last updated 7 years ago ago by Olga Barlow

  • Avatar: Kingstone
    Kingstone
    Participant
    April 20, 2018 at 04:54

    Hi,

    My website is http://beta.bukabeli.co.id/#
    Currently i’m having problem how to make the slideshow displayed fullscreen in mobile view.
    And also the button in the slideshow is not displayed.

    What i want is to make the slideshow displayed fullscreen in mobile view. just like this website http://klinsink.com/

    Thank you

    #191564 Copied
    2 Answers
    Avatar: Kingstone
    Kingstone
    Participant
    April 20, 2018 at 05:04

    Since i cannot edit the message,
    I want to revise the question.
    What i want is to make The slideshow is not fully full screen as the header position is already in correct position, but i want to extend the slideshow so the buttons in that slideshow are shown.

    #191565 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    April 20, 2018 at 09:17

    Hello,

    Use the following code to align slider content

    .parallax-slide.small-slide .parallax-vertical-align {
    position: static;
}
.parallax-slide.small-slide .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

    If you also want to increase slider height after that use the following

    @media (max-width: 767px){
.parallax-slide.small-slide {
    height: 500px!important;
}
}

    Regards

    #191582 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.