Image Overlay on Section Does Not Display

Manit

Hi aroundi
I tried to access the admin but the 1st login account does not work. Can you please double-check again?

Regards.

aroundi

This message is visible to Moderators only

hidden content

aroundi

This message is visible to Moderators only

hidden content

aroundi

Hi,
I'm making progress. The banner overlay is up. I am still working to get the best height to 90px or less.
The overlay came up after changing from contain to cover. Although I'm certain I tried every combination before I'm not sure I had cleared browser dates between each change.

saguaros

As I can see the header overlay is showing now, did you get it solved?

aroundi

Hi saguaros

Yes, I solved the problems. It was a configuration issue, along with clearing browser cache. I was able to modify the header height as well with custom CSS.

Testing has revealed though that Sticky Top works on desktop and tablet it does not work on mobile. As far as I can tell there is only 1 setting for sticky, which is selected. Can you tell me how to fix mobile header not sticking.

Thanks

Manit

Hi aroundi,

Please add the custom css to your custom.css file to make the header sticky on mobile layout:

@media (max-width: 575.98px)
#t4-header {
    position: sticky !important;
    top: 0 !important;
  }
}

I hope it is helpful.

Best regards.

aroundi

Hi Manit

I added the custom CSS, but no change. Any ideas on what else I could try?

Thanks

Manit

hi aroundi

I see menu on mobile is now sticky. It would be your browser cache, please clear your browser cache.

Best regards.

aroundi

Hi Manit

Thank you. I never knew I could clear the browser cache on my phone; I could even select by URL. That worked. I will remove the custom CSS and test today or tomorrow. I'll come back and let you know if the fix was actually needed.

Thanks again for your support.

aroundi

Hello,

I removed the custom CSS

#t4-header {
position: sticky !important;
top: 0 !important;
}

and the mobile header was no long sticky. So, this was the fix. I placed it under a media query that I already had in custom CSS. I should point out that the above is missing a curly bracket at the end of the first line for anybody who my copy it.

Thank you

saguaros

aroundi Is that all ok now? Let me know if you need any other helps 🙂

aroundi

Yes, the header is now working nicely in all viewports.

Thank you for your help!

Rgds