Problem with My Sticky Bar (margin-top) on Mobile (Divi Theme)
-
Hi there,
I’m having a problem with the Sticky Bar not applying the correct styles on Mobile screen sizes in Divi. As you know, the Plugin uses Javascript to apply a dynamic style to the HTML document itself (for example, “margin-top: 36.7756px !important”), and then also applies the inverse of this value to the site’s header element (which, in the case of Divi, is .mysticky-welcomebar-apper.et_fixed_nav #main-header).
On Desktop and Tablet sized screens above 768px, these styles appear as normal. However, on mobile screen sizes of 767px and below, the header element CSS styles are NOT being applied, which results in the My Sticky Bar overlapping with and obscuring the header, as well as extra space below the header.
While I COULD in theory write 2 different styles that target .mysticky-welcomebar-apper.et_fixed_nav #main-header, these styles would have to be manually updated every single time I make a change to My Sticky Header’s text or button content, which is obviously not ideal.
Could you please patch out this very small but seriously annoying glitch? Thanks a million! -Mike
P.S. Both WordPress and My Sticky Bar are up to date.
The page I need help with: [log in to see the link]
- The topic ‘Problem with My Sticky Bar (margin-top) on Mobile (Divi Theme)’ is closed to new replies.