Return to previous page

Fullscreen background and transparant menu

This topic has 16 replies, 3 voices, and was last updated 8 years ago ago by Robert Hall

slidebird

Participant

April 15, 2016 at 11:09

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

15 Answers

Robert Hall

Support staff

April 15, 2016 at 12:13

Hello,

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

Regards,
Robert Hall

#121423 Copied

slidebird

Participant

April 18, 2016 at 09:15

no on this schubertstone.com

thx for help

#121668 Copied

Jack Richardson

Support staff

April 18, 2016 at 10:33

Hello,

Please provide us with WP Dashboard credentials in private content.

Best regards,
Jack Richardson.

#121692 Copied

slidebird

Participant

April 18, 2016 at 11:17

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

Please, contact administrator
for this information.

#121722 Copied
Robert Hall

Support staff

April 18, 2016 at 12:40
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
slidebird

Participant

April 21, 2016 at 11:47

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

Robert Hall

Support staff

April 21, 2016 at 12:02

Hello,

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

Regards,
Robert Hall

#122342 Copied

slidebird

Participant

April 21, 2016 at 12:06

every theme hast this nowadays… ?

there must be an solution for this!

#122343 Copied

Jack Richardson

Support staff

April 21, 2016 at 12:06

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

slidebird

Participant

April 21, 2016 at 12:09

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

slidebird

Participant

April 21, 2016 at 12:24

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

slidebird

Participant

April 21, 2016 at 12:43

.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

Jack Richardson

Support staff

April 21, 2016 at 13:14

Hello,

So have you resolved the issue with slider now?

Best regards,
Jack Richardson.

#122362 Copied

slidebird

Participant

April 21, 2016 at 15:02

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

Robert Hall

Support staff

April 21, 2016 at 15:33

We’ve taken your request into our account.

Regards,
Robert Hall

#122404 Copied
Viewing 16 results - 1 through 16 (of 16 total)