Return to previous page

Topic: Fullscreen background and transparant menu

slidebird

Participant

April 15, 2016 11:09 am

Hi there… i already use your theme for a big site… i now have to change the header. I want to use a full screen backround pic, i guess this will be easy with visual composer, but i want to show the main menu transparant over the background image… and i want to do this only on the home page… i work with a lot of themes… in most of them there is an easy option to do this but no in yours… do you have some css code which you can provide or any solution?

thx in advance

#121413 copied to clipboard

Like

Robert Hall

Support staff

April 15, 2016 12:13 pm

Hello,

Do you want it at this site (http://prntscr.com/asir3w) or you have another one?

Regards,
Robert Hall

#121423 copied to clipboard

Like

slidebird

Participant

April 18, 2016 9:15 am

no on this schubertstone.com

thx for help

#121668 copied to clipboard

Like

Jack Richardson

Support staff

April 18, 2016 10:33 am

Hello,

Please provide us with WP Dashboard credentials in private content.

Best regards,
Jack Richardson.

#121692 copied to clipboard

Like

slidebird

Participant

April 18, 2016 11:17 am

ok but here is the staging site… the live site has over 1000 visitor per day so please no experiments there…

thank you very much

Content is visible for topic creator and
support staff only.

#121722 copied to clipboard

Like
Robert Hall

Support staff

April 18, 2016 12:40 pm
Hello,

Please try use this code in custom.css file.

.home .main-nav{ background-image: url("http://www.schubertstone.com/wp-content/uploads/2015/01/headerbild1.jpg"); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; }

Just change the background image url for your image link.

Regards,
Robert Hall
#121758 copied to clipboard

Like
slidebird

Participant

April 21, 2016 11:47 am

Hi thx for the code… but this doesnt work… i guess because its an slider not an single picture… i need the whole rev slider to be on the background

#122338 copied to clipboard

Like

Robert Hall

Support staff

April 21, 2016 12:02 pm

Hello,

Sorry, but we don’t have such feature in our theme to add slider as background for header.

Regards,
Robert Hall

#122342 copied to clipboard

Like

slidebird

Participant

April 21, 2016 12:06 pm

every theme hast this nowadays… ?

there must be an solution for this!

#122343 copied to clipboard

Like

Jack Richardson

Support staff

April 21, 2016 12:06 pm

Hello,

If you want revslider to be full screen you can select the option “Full Screen” in Slider Layout settings http://storage5.static.itmages.com/i/16/0421/h_1461236832_4948133_abfd0d6a92.png .

Best regards,
Jack Richardson.

#122344 copied to clipboard

Like

slidebird

Participant

April 21, 2016 12:09 pm

and your solution would only set an backgrund image for the navigation… thats not what i need… i need a transparent navigation thats all

#122346 copied to clipboard

Like

slidebird

Participant

April 21, 2016 12:24 pm

of course this solves not the problem… AGAIN i need the menu section floating over the slider… like here http://www.live-happy.at …

#122348 copied to clipboard

Like

slidebird

Participant

April 21, 2016 12:43 pm

.header-type-3 .main-nav {
background: transparent;
border-top: none;
position: fixed;
z-index: 2000;
top: 87px;
left: 0;
width: 100%;
}

this comes close… but im not familiar with your classes and theme… i will try a few things and it would be great if you can support me with further informations later

#122349 copied to clipboard

Like

Jack Richardson

Support staff

April 21, 2016 1:14 pm

Hello,

So have you resolved the issue with slider now?

Best regards,
Jack Richardson.

#122362 copied to clipboard

Like

slidebird

Participant

April 21, 2016 3:02 pm

hmmm kinf of… my solution far away from clean css but i needed an quick solotion so far so good what do you think?

http://slidebird.staging.wpengine.com/

you shoul really consider such an solution for your further updates… in most themes this is a basic feature…

#122396 copied to clipboard

Like

Robert Hall

Support staff

April 21, 2016 3:33 pm

We’ve taken your request into our account.

Regards,
Robert Hall

#122404 copied to clipboard

Like