Return to previous page

Background pic/slider "go under" Header Vertical

This topic has 10 replies, 3 voices, and was last updated 3 years, 11 months ago ago by Rose Tyler

HDTeam

Participant

June 14, 2020 at 15:46

Hi!

I use Minimal Template on our new site rpatelier.pl. I try to set as background slider or pic, but always this element “go under” vertical header – I mean some part of background is hidden under header.. Could You advise how to change some setting so main contend begin where header end?

Thanks..

#240792 Copied Theme version: 6.3.5 WooCommerce version: 4.2.0

9 Answers

Olga Barlow

Support staff

June 15, 2020 at 20:49

Hello,

If you use background-size cover for your row + stretched row layout then you won’t be able to show whole the image because cover means that image will be stretched and cut off to cover the visible area https://gyazo.com/5fc939f4dbdbd5900c7b90c771e2fcdc . In your case, I would recommend you split image and texts. Use for the row bg only image without text and then add to this row texts or images of the texts. Or use Revolutions slider with layout Scene https://www.themepunch.com/slider-revolution/module-layout/ and create single-scene Module with a nice view for different devices.

Regards

#240891 Copied

HDTeam

Participant

June 16, 2020 at 13:02

Hi!

Thanks for reply.. Yes, I use here Rev. Slider, but tried so many ways and can’t get result as wanted..

Now for better results rev. slid. is off, I use row with background.. 🙁

:/ :/

#240979 Copied

Olga Barlow

Support staff

June 16, 2020 at 23:48

Hello,

In this case, split the image and texts over it and use it as separate elements. If you can’t then don’t use background-size cover because your image will be always cut off depending on the device width you use.

Regards

#241042 Copied

HDTeam

Participant

June 17, 2020 at 05:31

Hi!

With rev. slider is too hard for so I use now row with background – is any possibility with row to set it right?

:/

#241068 Copied

Olga Barlow

Support staff

June 17, 2020 at 20:29

Hello,

In this case, split the image and texts over it and use it as a few separate elements.
Upload main image with girls to row background and add the other images as images elements to your row content. Try something like this if you don’t want to use Rev slider. Anyway, the slider has the optimization settings and lazy loading options, so you can optimize its performance to speed up.

Regards

#241169 Copied

HDTeam

Participant

June 18, 2020 at 07:10

Hi!

But the main issue is, that background as pic in row or rev. slider still “hidding” under vertical menu.. How to set this so that background begin from the end of menu..

Thanks..

#241206 Copied

Rose Tyler

Support staff

June 18, 2020 at 13:53

Hello,

Please provide temporary wp-admin access, we will create an example on your site.

Regards

#241277 Copied

HDTeam

Participant

June 18, 2020 at 19:07

Hi!

Thanks.. For polish it’s Strona Główna, for English Homepage. You can duplicate some of this.. Thanks in advice..

Please contact administrator
for this information.

#241313 Copied

Rose Tyler

Support staff

June 19, 2020 at 07:52

Hello,

See changes made on ‘Strona Główna’ wpbakery editor and make them for en version

http://prntscr.com/t2iurq – column settings
http://prntscr.com/t2ivdn – row class
http://prntscr.com/t2ivmi – row settings

http://prntscr.com/t2iw1u – frontend view

Regards

#241340 Copied
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Background pic/slider "go under" Header Vertical’' has been successfully resolved, and the topic is now closed for further responses

Background pic/slider "go under" Header Vertical

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection