Revolution slider layer width/max-width

I have the same issue as in this thread. https://theme.co/forum/t/slider-revolution-with-the-same-site-width/28362

Site: https://www.grimbakeri.no

I have tried to implement the solution given but haven’t had success yet.

Basically. My Site is set to max-width 1200px or 88%.

In my slider I have set the slider to full width and the “layer area size” width to 1200px.
My layer itself is set to left align with 0px for “x”.

It looks fine with a wide browser, but one the browser gets smaller the layer gets pushed up against the left side. (see screenshots).
I want the text within my slider to be aligned on the left side so it’s the same as that in the rest of my page.

I tried adding this code to the JS in the slider but it didn’t work:
jQuery(document).ready(function($) {
$(’.rs-parallax-wrap’).css(‘left’, ($(window).width() - $(‘header > .x-bar > .x-bar-content’).width())/2);
});

Hey Steve,

The custom code suggested in the past thread will work for the other user only. It’s not for your case and my colleague for got to set the expectations right that we do not offer writing custom codes as part of our theme support. We only show codes here to provide a starting point for our users. We do not fix custom codes.

What you’re pursuing is tricky if not impossible because Slider Revolution is a separate system from our theme and the combination of options to achieve what you need will take a lot of steps.

For a simple design like yours, it’s best that you setup a Section in our builder instead so your page won’t be bloated with Slider Revolution scripts and markup. The best thing is your text will be perfectly aligned with the rest of the content because you’ll be using 1 system only and that’s our builder. Plus, your page will be much lighter because no scripts will be loaded and the markup is just small. What you’ll just need is set your image as a section background and set the section’s top and bottom padding to set up the text in between.

If you wish to continue Slider Revolution, you either need to purchase a Standalone Slider Revolution license and try asking for custom code from Slider Revolution support. You can also consult with a developer to tweak Slider Revolution.

Thank you for understanding.

I like the idea of not having to use slider revolution, and reducing the extra load. But I have currently 5 slides, with background photo, title text, and sub text. I can’t see an easy way of having more than one “slide” while just using section backgrounds. Am I missing something simple here?

Hello Steve,

Yes, the section setup suggested by @Christian will only display and serves as one slide. You cannot display a slide like structure with the section. If you are up for another alternative, you can use @Christian’s suggestion with Global Blocks and with the classic slider element. Here’s what might be done:
1.) Go to X/Pro > Global Blocks and create 5 separate blocks. This is will serve as your slides.
2.) Create a new page, insert a section, row and single column. The global container must be turned OFF in the row settings.
3.) Insert a classic slider to the column.
4.) Take note of all the 5 global block shortcodes.
5.) Insert each of the 5 shortcodes in one of the slides in the classic slider element.

This is a long process to replicate the slider revolution. The outcome will definitely fewer file resources loaded on the page since only the built-in theme files will be used.

This is just an alternative for not having a Revolution Slider turned ON and still display a slide like structure with image, texts and buttons.

Hope this makes sense.

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