Archived topic
Header - slider revolution
13 replies · Started by Jose on November 9, 2020
Hi, I have created an invisible element, but the revolution slider doesn't arrive until the top, how can I do that?

Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
of course, the site is:
Sorry not sure if I understand.
What am I looking at on the linked page?
The whole content part is coming from Elementor so the theme itself doesn't control it.
Let me know :);
But can't you tell me how delette the padding top of rev. slider?
Because I am using a GP invisible element in the header.
Hi there,
The space is coming form the slider revolution code it inserts a <P> tag with its own comments right before the slider, which is creating the space.
Select the Text Widget that the Slider Shortcode is added to. In its settings give it a CSS Class of remove-margin
Then add this CSS:
.elementor-widget-text-editor.remove-margin > .elementor-widget-container > .elementor-text-editor > p {
margin-bottom: 0 !important;
}
Okey, it has worked but only in part.
There is still a white bar on top, but smaller.
That space comes from the Elementor column gap for that first section. You can set the Gap to No Gap.
Thanks, you are the best David!
Glad to be of help
Hi again, the problem is there for different screen resolutions.
https://corteastur.es/wp-content/uploads/2020/11/problem-header.png
Hi there,
just to note - this issue is not Theme related - its to do with how you created the Elementor page.
That Top Section ( containing the slider ) is set to Full Height - but the slider is not set to display at Full height, which is why you see the white space above and below the slider.
Solved, thanks!!
Glad to hear that