Home Forums Art WordPress Theme Full screen that fills browser in mobile

This topic contains 7 replies, has 2 voices, and was last updated by  vanadam 5 months, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #18672

    vanadam
    Participant
    Purchased
    Supported

    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

    #18683

    SeaTheme
    Keymaster
    Purchased
    Supported

    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.comTwitterFacebook

    #18685

    vanadam
    Participant
    Purchased
    Supported

    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

    #18696

    SeaTheme
    Keymaster
    Purchased
    Supported

    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://www.uiueux.com/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.

    • This reply was modified 5 months, 2 weeks ago by  SeaTheme.
    #18698

    vanadam
    Participant
    Purchased
    Supported

    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

    #18699

    vanadam
    Participant
    Purchased
    Supported

    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

    #18701

    SeaTheme
    Keymaster
    Purchased
    Supported

    Sorry, the link is incorrect, it should be https://www.uiueux.com/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.

    #18704

    vanadam
    Participant
    Purchased
    Supported

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

    Greets,
    Arjan

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

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!