Problem with My Sticky Bar (margin-top) on Mobile (Divi Theme)

Hello, thanks for reaching out! Can you please try with this CSS code and let me know if it works?
You can add the code in your WordPress dashboard > Appearance > Customize > CSS (or Additional CSS) or in the plug-in built-in CSS box.

@media (max-width: 676px) {
	.mysticky-welcomebar-apper #page-container #main-header{
		top: 80px !important;
	}
}

Hi there,

I know that the 80px approach will work for now. But what happens when my I create a Sticky Bar with more words (and more height on mobile)? Won’t I have to update this code every time? isn’t there a better solution?

HI, I’m getting the exact same issue today on my client site.

I’m going to try that code to see if it will work also. I’ve spent hours trying to fix the issue on my mobile where the top section sits on top of my Header logo and mobile menu …

I’ve even had Divi Theme trying to fix it for hours also. Very frustrating.

Is there a little glitch with the plugin on mobile with Divi Theme & Divi Builder?

Thanks

I hope I’m allowed to ask questions here as exact same issue..

That code fixed it on my mobile portrait.

The landscape version of the mobile still has the header logo & menu underneath it.

HOW can I fix this please?

It seems when I use Inspector the issue starts on below 780×1048 devices … It’s fine on this device, then after that smaller it hides underneath your plugin …

Do I have to change code to max-width: 1048 instead? But would that actually fix the mobile landscape?

Thanks

There must be an issue on the plugin side of things, to cause this issue on the mobile …

I’ve edited the code slightly to fix the landscape to @media (max-width: 1048) … but it is NOT quite right on the landscape of phone device …

I suppose we would prefer to have a better fix than for us to guess HOW to fix it via some CSS code as there are still many other devices this will affect the view … Example on Ipad, then that padding is NOT sufficient .. etc

Hello, thank you for your comments.

Unfortunately, our developer confirmed we aren’t able to offer a fix on our end as the fix depends on 1) the customer’s site-specific theme/ header settings and 2) the customer’s site-specific welcome bar settings.

@kristinubute In order to better assist you, can you please drop us a line at [email protected] with 1) a link to your site, 2) a confirmation of the exact current code you are trying with and 3) a confirmation of where exactly you’re still having issues on? We’ll be happy to get it to work.