Front page header size

Illdy
1

Hello, there!

I have two questions:

  1. My header image just got “smaller”. Now we can see the About section title… And I really want that when we open the site, we just can see the header image.

  2. In different screens, the header image looks very strange… it’s not responsive. But before it was… I don’t know what happened…
    I give you my site URL: mrc-braga.pt

Thank you so much.

2

Hey there,

I hope you are well today and thank you for your question.

When did you start having this issue?
Can you please share all the additional CSS you’ve added. It could be that you’ve added something that is messing with the header. Kindly revise the CSS you’ve added recently.

Best regards,
Support.

3

Hello!!
I don’t know exactly when it began.

Here’s the additional CSS that I’ve added:

.top-header {
padding-top: 0px!Important;
}
#header .top-header, .responsive-menu {
background-color: white;
position: fixed;
z-index: 9999;
}

header > div.bottom-header.blog > div > div{
display:none;
}

#header .bottom-header.blog {
padding-top: 0px;
padding-bottom: 40px;
}
#about .widget_illdy_skill:nth-child(1), #about .widget_illdy_skill:nth-child(2), #about .widget_illdy_skill:nth-child(3) {
display: none;
}
#about {
padding-bottom: 0px!Important;
}
#header .top-header .header-navigation ul li a {
color: #8c9597 !important;
}
@media (max-width: 768px){
.open-responsive-menu .fa {
color: #8c9597;
}
}
#footer .container .row{
display:none;
}
#footer .bottom-footer {
margin-top: 0px;
}

Thank you!!

4

Hey there,

Try this.

.top-header {
padding-top: 0px!Important;
}
#header .top-header, .responsive-menu {
background-color: white;
position: relative; /I CHANGED THIS FROM FIXED TO RELATIVE/
z-index: 9999;
}

header > div.bottom-header.blog > div > div{
display:none;
}

#header .bottom-header.blog {
padding-top: 0px;
padding-bottom: 40px;
}
#about .widget_illdy_skill:nth-child(1), #about .widget_illdy_skill:nth-child(2), #about .widget_illdy_skill:nth-child(3) {
display: none;
}
#about {
padding-bottom: 0px!Important;
}
#header .top-header .header-navigation ul li a {
color: #8c9597 !important;
}
@media (max-width: 768px){
.open-responsive-menu .fa {
color: #8c9597;
}
}
#footer .container .row{
display:none;
}
#footer .bottom-footer {
margin-top: 0px;
}

Best Regards,
Support

5

Hello!

Thank you so much for your reply, but it still not responsive…

Any other solution?

Thank you!

6

Hi Guys,

Can you please tell me how to change the basic colour of primary menu which is currently white, I need to change it into black. Due to white I am not able to find out the menu bar. Please see in the attached images for more details.

7

Hello, support team!

With your solution, my menu bar doesn’t be fixed. And I want it. But my problem with the header image size it’s exactly because of the fixed menu…

Please help me. I really need!!

Thank you