Topic: Header top bar not working - by fredwerk

Hi,

So I now managed to kinda make it work and added a Static Block for showing social icons. With custom CSS, I also managed to make it align right instead of left.

I would like the top bar to stick with the header so when scrolling down, it follows.

Any idea how?

Many thanks!

Hi Rose,

This works when viewing on desktop however on mobile device, it leaves a big gap between the top of page and actual menu.

As well, the top bar is not visible at all on mobile device. I would like it to be visible.

I noticed that when scrolling down the page on desktop, the top bar overlap the menu and then the menu appears below the top bar. Is it possible to have the top bar pushing down the menu instead of overlapping?

Many thanks for all your effort!

Hi,

The overlap issue is not a massive issue, I can live with that, but how can I make the top bar visible on a mobile device and also to get it scroll down? Just like on the desktop.

Cheers,

Hello Olga,

This is much better however when viewing the site on my mobile device, I have a transparent gap between the top bar and logo. The social icons are not aligned right.

On desktop, when resizing the browser to simulate mobile device, this gap is not visible but social icons are overlapping each other and again not aligned right.

If you could check this out it would be great.

Thanks so much for your help!

Hi,

Everything seems to have been fixed, cannot see the icon overlap problem anymore.

Thanks so much!!

Hi,

You have previously fixed the social icons scrolling down with the header logo however this is not working anymore under a mobile device or when I resize my browser window.

Could you check it and fix please?

Many thanks,

Content is visible for topic creator and
support staff only.

Hi,

Please see screenshot of the mobile version https://drive.google.com/file/d/1KLI-c3672VGsJNa-MxYj8H-UvjPlKp_q/view?usp=drivesdk

If you check the desktop version of the web site, you will see a bar of social icons above the header/logo/menu, and when you scroll down the page, those follow down as well.

On the mobile version, you guys fixed that and worked well untill WP updated itself.

I would like that same bar of social icons to be visible on the mobile version and to also scroll down with header/logo.

As well, I see that the logo is suddenly on a white background when it’s supposed to be purple. I would like that fixed.

Cheers for looking into it.

Cheers! All looks back to normal on my side.

Could you tell me what was the problem?