Return to previous page

Change header to transparent header - by balirina

This topic has 17 replies, 4 voices, and was last updated 10 years, 6 months ago ago by Robert Hall

balirina

Participant

May 17, 2015 at 18:07

Hello dear support team,

I tried to change the header to header 2. or 3. where it is transparent but it doesn’t work. Can you please assist me with this.

Best Irina

Please, contact administrator
for this information.

#64373 Copied

16 Answers

Eva Kemp

Participant

May 18, 2015 at 08:57

Hello,

Go to Pages > edit your home page and select slider in “Show revolution slider instead of breadcrumbs and page title” section in the “Page Layout” box on the right side.

Regards,
Eva Kemp.

#64433 Copied

balirina

Participant

May 19, 2015 at 19:44

Does it work without the revolution slider? I don’t want to have a slider as it is considered to be bad UX.

Can I still make the menu background transparent?

Thanks a lot.
Irina

#64841 Copied

Eva Kemp

Participant

May 20, 2015 at 08:18

Hello,

Unfortunately it can’t be done without slider.
Sorry.

Regards,
Eva Kemp.

#64886 Copied

balirina

Participant

May 20, 2015 at 09:16

Really? Where is the background color in the menu defined? Can I change something in the custom CSS?

#64912 Copied

Eva Kemp

Participant

May 20, 2015 at 09:49

Hello,

Please clarify background color for what section you want to change.
Please show a screenshot.

Thank you.
Regards,
Eva Kemp.

#64921 Copied

balirina

Participant

May 20, 2015 at 10:18

Yes of course, thank you.

1. I would like to change the background of the main menu from white to white with a little bit transparent 50% or something like that.

2. Also change the background of the fixed menu (when I am scrolling) from white to white with transparent

The black background of the sub menu should stay black as it is.

screenshot: http://prntscr.com/77a3zw

Thank you!

#64929 Copied

balirina

Participant

May 20, 2015 at 11:42

Or how do I change the white background color in the menu in general?

Thank you very much. Let me know if I I need to clarify something in more detail?

#64958 Copied
Eva Kemp

Participant

May 20, 2015 at 11:51
Hello,

Add this code in style.css of your child theme:

header, .fixed-header-area { background-color: orange; }

Regards,
Eva Kemp.
#64959 Copied
balirina

Participant

May 20, 2015 at 12:25

Ok I tried:

header, .fixed-header-area {
background-color: transparent;
}

But only the fixed header gets transparent. How can I make the main header transparent?

Thank you in advance, I appreciate your help!

#64968 Copied

Eva Kemp

Participant

May 20, 2015 at 12:30

Hello,

Main header can be transparent only if you use slider in “Show revolution slider instead of breadcrumbs and page title” section.
Unfortunately there is no other way for main header.
Sorry.

Regards,
Eva Kemp.

#64971 Copied

balirina

Participant

May 20, 2015 at 12:41

But why can it change to orange but not transparent? That is really upsetting.

Sliders are considered to be really bad UX. I wonder why a lot of templates still rely on it.

Is it possible to reduce the hight of the header? I mean by that the space above and below the navigating links like “Home” …

Thank you in advance.

#64975 Copied

balirina

Participant

May 20, 2015 at 13:11

Oh I found it myself:
.navbar {
padding-top: 5px !important;
padding-bottom: 10px !important;
}

Can I also change the padding in the fixed-header ??

Thank you.

#64982 Copied

Stan Russell

Participant

May 20, 2015 at 14:40

Hello,

how do you want to change the padding in the fixed-header? Please show on screeshot if possible.

Regards,
Stan Russell.

#64998 Copied
Eva Kemp

Participant

May 20, 2015 at 14:41
Hello,

Main header can’t be transparent because there is no content behind it, just white background and if you write in css the code for transparent background it still will be white because nothing is placed behind main header.

To reduce the height of fixed header use this code:

.fixed-header-area { min-height: 35px; height: 70px !important; }

Regards,
Eva Kemp.
#64999 Copied
balirina

Participant

May 20, 2015 at 18:14

Hello Eva, thank you for the explanation & and your help!

#65047 Copied

Robert Hall

Participant

May 20, 2015 at 18:36

Hello,

You’re welcome!

Regards,
Robert Hall.

#65050 Copied
Viewing 17 results - 1 through 17 (of 17 total)