Make Logo and Blurb Area Sticky

It's a bit tricky to achieve that.

First, you need to add free-sticky CSS class to the logo / blurb section.

Then, add this

Code:

Log In or Sign Up to view this code.

But if you do this, your blurb section will be hidden in mobile. So, you need to create a new section for mobile & set the visibility to be hidden in desktop.

Can't you just put alignment center for the phone number text module & alignment right for the ordering button module?

 

Or maybe what you're looking for is:

Step 1:
Go to row settings of the phone & button.

Step 2:
Add this CSS to the Main Element of the row settings: margin-left: auto;

Step 3:
Set row settings width to 600px (or adjust it to your liking).

 

Looks fine from my side though.

 

What you mean by stop the scroll?

 

Sorry to say that we can't help you on that. Such customization is not included in our plugin support.

You can try to join Divi Facebook Group & ask it there: https://www.elegantthemes.com/blog/divi-resources/5-divi-facebook-groups-you-need-to-join-right-now