The page is showing different and messed up unlike Divi is showing in Theme Builder.

I have built a customized Category Page for my client in Divi Theme Builder. But, it's showing totally different than the Divi Theme Builder is showing.

Divi Theme Builder is showing what I wanted. But, when I browse that in Chrome in Desktop or Mobile, it's totally messed up.

1. The header section became way bigger.
2. The header background image is gone.
3. There is extra padding in header text.
4. All the texts became bigger.
5. I disabled the visibility of some modules in Mobile, but it's all showing.

And many more. I just hate it. What's going wrong here?
Here are 2 screenshots :

1. This what Divi's showing and what I wanted.


2. This is what it actually looks in browser.