Topic: Full screen that fills browser in mobile « SeaTheme

This topic has 7 replies, 2 voices, and was last updated 6 years, 12 months ago by vanadam.

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

Author

Posts
June 6, 2019 at 3:34 pm #18672

vanadam
Participant

Purchased
Expired

Hi, i’m having some trouble getting the image on my homepage to fill the entire screen in mobile (without padding/borders anywhere), could you help me?
The site is here: http://test.dianablok.com/

Also i would like to know if there’s an option to do the same with video (embedded)?

thanks in advance!
greets,

Arjan

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

June 7, 2019 at 7:19 am #18683
SeaTheme
Keymaster

Purchased
Expired
Hi,

Please paste the custom CS code to “Appearance > Customize: Additional CSS”:
```
@media (max-width: 768px) and (orientation: portrait) {
.post-cover.fullscreen-wrap, .single-portfolio-fullscreen-slider .fullscreen-wrap, .page_from_top .top-slider>.fullscreen-wrap, .page_from_top .fullscreen-wrap .carousel-img-wrap, .top-slider>.fullscreen-wrap.owl-carousel, .fullscreen-wrap .carousel-img-wrap.fullscreen-wrap, body.admin-bar .top-slider>.fullscreen-wrap {height: 100vh!important; }
}
```
Please leave your page URL with video (embedded), thanks!

Regards!
Bwsm – uiueux.com – Twitter – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

June 7, 2019 at 8:19 am #18685

vanadam
Participant

Purchased
Expired

Thanks! That works perfectly with still image.

Here’s my link for a homepage with embedded video: http://test.dianablok.com/
I can’t get it to fullscreen and fill the browser like the still image..

Thanks in advance!

Arjan

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

June 7, 2019 at 11:13 pm #18696

SeaTheme
Keymaster

Purchased
Expired

You could make the emebed module full width:

Click “+” / “-” to increase / reduce the columns. Each module could be set 1-12 cols width. When the module is 12 cols already, click “+”, the module will be fullwidth.

refer to https://seatheme.net/documentation/art/index.html#fullwidth

Please enter Vimeo URL instead of full embed codes.

It is hard to make it fullscreen, there should be black area on left/right of video.

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

June 8, 2019 at 11:07 am #18698

vanadam
Participant

Purchased
Expired

Hi,

Ok so its not possible? The solution you provide is for a portfolio page right? I can’t set a portfoliopage as homepage as far as i can see, it has to be a normal page.

Well thanks, i’ll just use a still image for now.

Greets
Arjan

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

June 8, 2019 at 11:23 am #18699

vanadam
Participant

Purchased
Expired

Just one last question, if i do it like this, with self hosted video: http://test.dianablok.com/
Its not possible to get it completely fullscreen?

Thanks!
Arjan

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

June 8, 2019 at 11:58 pm #18701

SeaTheme
Keymaster

Purchased
Expired

Sorry, the link is incorrect, it should be https://seatheme.net/documentation/art/index.html#fullwidth

It tells how to make a module full width. Read the text:

Click “+” / “-” to increase / reduce the columns. Each module could be set 1-12 cols width. When the module is 12 cols already, click “+”, the module will be fullwidth.

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

June 9, 2019 at 10:40 am #18704

vanadam
Participant

Purchased
Expired

Thanks, that kind of works, i just still keep getting the padding left and right (white space).

Greets,
Arjan

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

Posts

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

You must be logged in to reply to this topic.