Menu / Header CSS

[JulienbuchartParticipant]

Hello,

 

A couple questions in regards to the menu / header. See picture below.

1. How do I change the white background of the header to not have some transparency. I want it plain white.

2. How do I increase the height of the header. When I am at top of the page, it’s about 300px. But when I scroll down it scales down by about 75%. It’s narrower.

Is everything modified via custom CSS or can we do it from theme customization.

Can you please respond here and not ask for logins as I am sure other people might be interested to know.

 

Thank you

Attachments:

You must be logged in to view attached files.

[Support teamKeymaster]

Hi.

1. Appearance -> Customize -> Header -> Colors http://take.ms/q1uHY

2. Appearance -> Customize -> General Settings -> Logo http://take.ms/bOOJf

[JulienbuchartParticipant]

Hi Alex,

 

Sorry I should have clarified, that I was able to do this with the menu.

But the menu when scrolling down (sticky menu) changes in appearance.

It scales down and get transparent as per picture.

I want to be able to control the height of it when scrolling down and the transparency.

 

Thank you!

[Support teamKeymaster]

Can you give me admin and ftp access. I will add these settings for you.

Thanks.

[JulienbuchartParticipant]

Can you let me know where it is so I can learn please?

I might have to replicate it in future.

If it’s in the CSS code, can you let me know what CSS file and what attribute.

 

Thank you

[Support teamKeymaster]

css/main.css

line 998 (change .75 from 0 to 1):

.pix-header.white.menu-singleblock.fixed,
.pix-header.white.menu-aroundblock.fixed,
.pix-header.menu-aroundblock.pix-levels.white.fixed .pix-header-menu .container{
    background-color: rgba(255,255,255,.75);
}

line 1137:

.pix-header.fixed .container, .pix-header.fixed .container-fluid {
    height: 50px;
}

[JulienbuchartParticipant]

Perfect! Very much appreciated!

Have a good week end

[Support teamKeymaster]

If you have a minute, rate our work, please.

Thanks.