How to extend slider resolution picture to be under the menu?

[GenP]

Hi,

The slider picture is starting after the header. How could I make the picture integrated in the page?

Thanks

[christian]

Hey @GenP,

To provide you with an accurate answer, please give us the following details.

1. URL of the page in question
2. Detail what you mean by “make the picture integrated in the page”. It would be best that you provide some screenshots or mockups.

Thanks.

[GenP]

Hey Christian,

I’ll send the logins in secure note. Here are two screenshots to show the difference.
La Gota’s Picture is not under the menu like ChinChinTalu.

[jade]

Hey @GenP,

This should help you get started (X > Theme Options > CSS):

.masthead {
    position: absolute;
    width: 100%;
}

.x-navbar-wrap .x-navbar,
.x-navbar-inner  {
    background-color: transparent !important;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[GenP]

Hey,
It didn’t affect the format. Any other options?
Thanks

[jade]

Hi @GenP,

Is the site in question http://www.lagotacirco.com? If so, I have checked but I can’t see the code added on the site.

There might be an issue with the CSS code that you have in the Global CSS such as some CSS syntax error that is stopping the CSS code you are adding to work as expected.

To verify that, please copy all the codes that are in the Global CSS and paste it here.

It should provide some information if there are any CSS error that is causing the issue that you have to fix so that the CSS codes will work.

Hope this helps.

[GenP]

@jade

.masthead { position: absolute; width: 100%; } .x-navbar-wrap .x-navbar, .x-navbar-inner { background-color: transparent !important; }

Perfect! It worked

[GenP]

One thing though, I tried it on my other website: generationp.com and the text/image from the slider revolution is coming upwards towards the menu which looks weird.

Let me know if there’s a way to fix this.
thanks

[jade]

Hello @GenP,

You may reuse the code previously given then adjust the top padding of the first section so that the content will be pushed down.

Hope this helps.

[GenP]

Cool - How do you adjust the padding in slider revolution?

[jade]

Hello @GenP,

If you are using Rev Slider, you just need to nudge the slider elements to the lower area and save it.

Hope this helps.

[GenP]

I did that and it works if the page is at full screen but when I minimize the screen, the text goes up again. Is there a block pad?

[jade]

Hello @GenP,

You can switch the view in the slider option then you can switch the alignment of the slider elements per view:

Hope this helps.