We’ve got some requests on how to make the slider centered properly with the Header style 5, like on the Side Menu Corporate layout.
The imported layout can have different structure from the demo because of the different Revolution slider versions used on the websites.
So, to make the layout look similar to the demo, follow these instructions.
Please, navigate to the slider settings and set it to be Full Screen.
After that enable the ‘Disable Force FullWidth’ option.
Also, in case you have the White space framing the layout, please, add the height of the top and bottom offsets in pixels to the bottom field of “Increase/Decrease Fullscreen Height (Optional)’.
Save these settings and check the site. Probably, it’ll look better on different devices.
Best Regards,
DFD Support Team
Is plugin The Events Calendar Pro compatible to be used with theme Ronneby?
Hello, K Hoogteyling!
We haven’t tested the The Events Calendar Pro with the theme. We’ve tested The Events Calendar free version of the plugin and it worked properly with Ronneby.
Regards, DFD Support Team
Hello, we’ve tried this but we’re still getting excessive white space on Chrome.
On inspection the padding for the white space is 20px in other browsers but 30px in Chrome.
Any idea how we fix this? Weirdly the demo for this theme renders fine in Chrome (http://themes.dfd.name/ronneby/twenty_third/) but our site doesn’t (http://fortescuecorp.com/)
Thanks!
Hello, Rich!
As we can see, there’s no 5th header style used on the homepage.
The white space is set to 20 px at the moment.
Please, tell us more details about the issue and mail us purchase code, wp access details to [email protected].
Regards, DFD Support Team
thanks! that worked for me!
Hello, Sinli!
We glad to help.
Regards, DFD Support Team
Hello,
i don’t get the styled navigation buttons. I receive the standard ones from revslider. How can i activate the styling?
Hello, Sebastian!
Please, mail us your purchase code and WP access details to [email protected].
Also, please,clarify, what slider you need. We’ll check and provide you the solution.
Regards, DFD Support Team
If you’re using the Header Style 5, the following steps are needed to ensure the Slider Revolution element displays properly;
Step 1: Create a row with Visual Composer;
Step 2: Inside of the row you just created, add a Slider Revolution slider;
Step 3: Select “Preview”. Here you may see the Slider is off-center, displaying at a size larger than the viewport area;
Step 4: Access the “Row Settings” in Visual Composer. Scroll down to “Select Content Width” and select “Full Width Content”;
Step 5: Select Preview.
If you’ve removed “Page Padding” from this page’s options, and you notice white margins on the top and bottom of the slider, you can remove the white margins using the following method;
Step 1: At the top of the preview page, select “Slider Revolution” and select your slider from the the drop-down list.
Step 2: You will now be in the Slide Editor Options. At the top of the page, beneath the “Silder Revolution” logo are three tabs. “All Sliders”, “Slider Settings” and “Slider Editor “xxxxx”. Select the “Slider Settings” tab.
Step 3: In section four, titled “Slide Layout” in the “Slider Settings” options, make sure your settings are set to the following;
“Fullscreen”
Layer Grid Size: Desktop Large: 1286px x 600px
Layer Grid Size: Notebook: auto sizes
Layer Grid Size: Tablet: auto sizes
Layer Grid Size: Mobile: auto size
Minimal Height of Slider: Min. Height
Increase/Decrease Fullscreen Height (Optional): Containers
(The second field beneath) Increase/Decrease Fullscreen Height: 0px
Disable Force FullWidth: On
Step 4: Save Settings
Step 5: Preview.
It should be displaying properly. You will see that the navigation arrows for the slider are now positioned evenly on either side of the viewport area.
I hope this helps.
Hello, Scott!
That’s awesome! Thank you very much.
Regards, DFD Support Team.
A correction to my above comment,
“Layer Grid Size: Desktop Large: 1286px x 600px” – should read “Layer Grid Size: Desktop Large: 1240px x 868px”