Doesn’t seem to work with Divi

Fixed.

We just discovered the “Position Offset” setting in WPFront Notification Bar, which works well for pulling the notification bar lower on the page. It works well on desktop computers but on mobile phones it looks a bit wonky. So we decided to put some custom CSS in our Divi child theme’s style.css to counteract the theme’s settings.

Now WPFront Notification Bar works great for us! ??

/*--- Adjust WP Notification Bar so it appears underneath ---*/
/*--- Divi top menu bar on desktops and large displays ---*/
@media only screen and (min-width: 980px) {
       #wpfront-notification-bar.wpfront-fixed {
       position: fixed;
       z-index: 9999;
       width: 100%;
       top: 113px !important;    /* Position offset lower on page */
       }
}

/*--- Adjust WP Notification Bar so it appears underneath ---*/
/*--- Divi top menu bar on mobile phones and small displays ---*/
@media only screen and (max-width : 980px) {
       #wpfront-notification-bar.wpfront-fixed {	
          position: fixed;
          z-index: 9999;
          width: 100%;
          top: 98px !important;    /* Position offset to lower on page */
       }

       .et_pb_pagebuilder_layout.entry-content, .et_pb_pagebuilder_layout .et_pb_post .entry-content {
          margin-bottom: 0 !important;
          padding-top: 60px;
        }

       .wpfront-message {     /* Adjust font size and margins for message text */
          font-size: 80%;
          margin-left: 35px;
	  margin-right: 35px;
          padding-bottom: 5px
       }

       .wpfront-button {    	/* Adjust size of Button */
           font-size: 75%;
       }
       #wpfront-notification-bar a.wpfront-button {
           padding: 4px 10px;
           margin-bottom: 3px;
       }
}

/Chris