Header Style 12 With Fullscreen Revslider

Adjust the displaying of the full-screen slider on the page

Sometimes, we get the requests from our customers on how to make the slider centered properly with the Header style 12 selected.
This happens because the different Revolution slider versions are used on the websites.

So, in order to make the slider be centered properly, read and follow the steps below:

  • Navigate to Revolutions Slider, select the slider to edit, find Slider settings section and set it to Full Screen.

  •  After that find the section ‘Disable Force FullWidth’ option and switch it to Enable. In case you have the White frame enabled for the layout, please, add the height of the top and bottom offsets in pixels to the bottom field of ‘Increase/Decrease Fullscreen Height (Optional)’ section.

  • Save the modifications done.
    Please, make sure the row with Revolution Slider module is set to full-width in Row settings in order to achieve the full-screen look for the slider.

Regards, DFD Support Team

div#stuning-header .dfd-stuning-header-bg-container {background-image: url(https://rnbtheme.com/documentation/wp-content/uploads/2017/01/hands1.jpg);background-size: cover;background-position: center center;background-attachment: scroll;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 550px;}#main-content .dfd-content-wrap {margin: 0px;} #main-content .dfd-content-wrap > article {padding: 0px;}@media only screen and (min-width: 1101px) {#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars {padding: 0 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child {border-top: 0px solid transparent; border-bottom: 0px solid transparent;}#layout.dfd-portfolio-loop > .row.full-width #right-sidebar,#layout.dfd-gallery-loop > .row.full-width #right-sidebar {padding-top: 0px;padding-bottom: 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars .sort-panel,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars .sort-panel {margin-left: -0px;margin-right: -0px;}}#layout .dfd-content-wrap.layout-side-image,#layout > .row.full-width .dfd-content-wrap.layout-side-image {margin-left: 0;margin-right: 0;}