Help with a few things

Hi connect4consulting!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
1-

@media only screen and (max-width: 480px) {
h1.logo a { font-size: 20px; }}

2-

div#header_main { border: none!important; }

3-

.home div#av_section_1 { height: 88px; min-height: 88px; }

Best regards,
Yigit

Hi!

Please use following code

div#about-me-header {
height: 88px!important;
min-height: 88px!important;
}
div#about-me-header .content {
padding-top: 25px;
}

Regards,
Yigit

Hi!

Thank you for the update.

The header container is now 88px in height which is the same with the orange header. What else is wrong with it? Can you please explain? A screenshot will help.

Regards,
Ismael

Hey Gabe!

You have added the gallery to the header, which will be above the content at all times. So color section sliding behind header is an expected behaviour.

Regards,
Yigit

Hey!

Please add folllowing code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (min-width: 1500px) {
.html_header_top.html_header_sticky #main {
padding-top: 324px !important;
}}

It does look fine on smaller screens that is why i missed at first look

Cheers!
Yigit

Hi!

You have following code in Quick CSS

.html_header_top.html_header_sticky #main {
padding-top: 277px !important;
}

please change it to following one

@media only screen and (max-width: 1499px) {
.html_header_top.html_header_sticky #main {
padding-top: 277px !important;
}}

Regards,
Yigit

Hi!

Please edit your color section elements and give them the same ID.

Regards,
Yigit

Hi!

Please adjust this code as well

#section-1 {
height: 88px!important;
min-height: 88px!important;
}
div#section-1 .content {
padding-top: 25px;
}

Also, color section on your “About me” page has different ID

Regards,
Yigit

Hey!

You are welcome Gabe, glad we could help!

Cheers!
Yigit