Topic: Air Theme – Mobile version isnt’ responsive « SeaTheme

This topic has 3 replies, 2 voices, and was last updated 5 years, 7 months ago by SeaTheme.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
October 16, 2020 at 4:05 pm #22828

Maralonso97
Participant

Purchased
Expired

Hi,

Thank you for such a great theme. I’ve a little problem with the mobile version responsive. I want the Slider fill all the screen, without the big white space that shows now:
https://maralonsofotografia.com

How I could remove this space and make the slider bigger to fill all the screen?

Thanks for your time!

WordPress Customization Service from $49 Only! Save your expensive time!

October 17, 2020 at 9:06 am #22829
SeaTheme
Keymaster

Purchased
Expired
Hi,

Did you talk about the BM slider?
Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:
```
@media (max-width: 768px) and (orientation: portrait) {
.responsive-ux .top-slider .owl-carousel, .responsive-ux .top-slider:not(.top-slider-text), .responsive-ux .top-slider .carousel-img-wrap, .responsive-ux .top-slider .carousel-des-wrap {
    max-height: 100vh;
 }
}
```
Is the website in the “coming-soon” mode? I didn’t see the slider.

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

October 19, 2020 at 7:49 pm #22841

Maralonso97
Participant

Purchased
Expired

Hi,

Thank your for your response but it doesn’t seems solved.

I paste the code in Customize: Additional CSS. And the mobile preview in the Customize panel is correct. But when I test it on different smartphones it views now and before pasting the code. You can see it on the link: http://www.maralonsofotografia.com.

My bests regards!

WordPress Customization Service from $49 Only! Save your expensive time!

October 20, 2020 at 1:21 am #22843
SeaTheme
Keymaster

Purchased
Expired
Hi,

Please add the custom CSS code:
```
@media (max-width: 480px) {
 .responsive-ux .top-slider, .responsive-ux .top-slider .carousel-img-wrap, .responsive-ux .top-slider .carousel-des-wrap {max-height: 100vh!important; }
}
```
Best
WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.