Header problem. Black stroke between menu and slider on tablet and phone

[studiodorus]

Hi guys,

Im having trouble with an header problem. When i resize te website or check the site on a tablet/phone a black stroke apears between the menu header and the slider/heading. See screenshot.

I cant find the problem and have changed a lot of header settings but the issue still remains.

Can you take a look and hope you can resolve the problem.

Thanks,
Dorus Arnts

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Please check this option is set to Off: Theme Options => Header Options => Enable Top Bar => Off

Thanks.

[studiodorus]

Hi,

I need the top bar. So that doesnt work for me. And its not the top bar thats showing between the menu and slider. Please check out the website and change the with of the screen. Than you can see the problem

Hope you can see it and have a fix

Thanks

[Kyle – SUPPORT]

Add this to your custom css:

#top-bar-sticky-wrapper {
  display: none;
}

– Kyle

[studiodorus]

Hi,

This doesn’t solve the problem.

I wil explain again what the problem is. The solutions youve given me all related to the top bar. That bar needs to be there when shown on desktop view. So please do not remove it.

1. When screensize is scaled to tablet or phone size the black stroke appears as seen on screenshot.
2. I need a solution that doesn’t show the black stroke.

Hope the problem is clear to you and hear from you soon.

Thanks

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

You can hide it for tablet and mobile screen sizes using:

@media only screen and (max-width: 767px) {
#top-bar-sticky-wrapper {
  display: none;
}
}

@media only screen and (max-width: 479px) {
#top-bar-sticky-wrapper {
  display: none;
}
}

Thanks.

[studiodorus]

He David,

Thanks for the reply. But this is the second time you try and change something to the topbar. That was and is not the question. And did not resolve the problem.

Im sorry if i was not clear about the problem.
I will try to make myself more clear.

Please make the black spacing disapear between the header and the red title block ‘Communicatiekring Nijmegen”. This appears only on the screens size of tablet and phone.
Thats all.

I don’t want you to do anything with te top-bar please leave that as is.

Hope the i made the problem at hand clear to you.

Kind regards,
Dorus

[David Martin – Support]

Hi Dorus,

The black bar is from the top bar?

Thanks.