Full Screen Image

Hi the support team,

My issue is the image has been cut off. How to set the full screen image as per the original image?

I found this thread which led me to the thread where I mostly am following the instruction.

1.) I customised the code as following:
/* post547 - header transparent for fullscreen bg image */
.post-547.x-navbar-fixed-top-active .masthead {
position: absolute;
top: 0;
width: 100%;
}

.post-547.x-navbar-fixed-top-active .x-navbar {
background-color: transparent;
border-bottom:none;
}

.x-logobar {
background-color:transparent;
}

.post-547.x-navbar-fixed-top-active .x-navbar.x-navbar-fixed-top {
background-color:#ffffff;
border-bottom:1px solid #ccc;
}
2.) I created a slider in Slider Revolution

  • slider type - Hero Scene
  • slide layout - full screen
    My image size is 1500x500 px.
    3.) In the ‘General Slide Settings’ section, Hide Slide After Loop is set to 1.
    4.) In the WordPress backend, Slider Settings: Below Masthead’. add the slider I want to use.

How can I get the full screen image as per the original image please? I attached the files for the comparison. Thank you very much.

Regards,

Hi @Mittavalleybeef,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

www.mittavalleybeef.com.au

Thanks

Hi there,

I solved my problem. I reduce the size to 1024 px width and it is fine.

Thank you for your support.

Glad you’ve sorted it out :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.