Return to previous page

How to make Slideshow displayed Fullscreen in Mobile View

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

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

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
Olga Barlow

Support staff

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Animals Store – WooCommerce Theme

lazy-placeholder

Restaurant – WordPress WooCommerce Theme

lazy-placeholder

Business Card – WordPress Theme

lazy-placeholder

Plants Store– WordPress WooCommerce Theme

lazy-placeholder

Watches Store – WooCommerce Theme

lazy-placeholder

Hosting Store – WordPress WooCommerce Theme

lazy-placeholder

Minimalist Outfits – WordPress WooCommerce Theme

lazy-placeholder

Onepage Store – WooCommerce Theme

lazy-placeholder

Legenda – WooCommerce WordPress Theme

lazy-placeholder

Electron Store 02 – 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.