Messsed up Mobile View

Site URL: https://www.gefahrgutakademie.at

Hi, I'm having trouble figuring out why my mobile view has empty white space on it's right side and how to remove it. I changed some padding values for the header in the custom css and the shopping cart gets disabled when empty. somewhere after these changes my mobile view got messed up like it is now.

I would greatly appreciate any help or hint how to resolve this. Thanks!

Do you use Code Block, Embed block?

On 4/18/2020 at 4:45 PM, tuanphan said:

Do you use Code Block, Embed block?

I have code blocks on my gallery pages, specificly targeting my header, however this error occured far before I ever had a single code block in use.

I usually only use the custom css section for everything I do.

12 minutes ago, Skraton said:

I have code blocks on my gallery pages, specificly targeting my header, however this error occured far before I ever had a single code block in use.

I usually only use the custom css section for everything I do.

try remove this & check again

<div class="modal">
    <div class="modal-content">
        <span class="close-button">×</span>
        <div class="addedtocarttitle">Zum Warenkorb hinzugefügt!      </div>
        <div class="totalssub">
            <div id="totalsub"></div>
        </div>
        <div class="gotocart"><a href="/cart">Zum Warenkorb</a></div>
        <div class="continueshopping"><a>Zurück zum Shop</a></div>  
    </div>
</div>

3 hours ago, tuanphan said:

try remove this & check again

<div class="modal">
    <div class="modal-content">
        <span class="close-button">×</span>
        <div class="addedtocarttitle">Zum Warenkorb hinzugefügt!      </div>
        <div class="totalssub">
            <div id="totalsub"></div>
        </div>
        <div class="gotocart"><a href="/cart">Zum Warenkorb</a></div>
        <div class="continueshopping"><a>Zurück zum Shop</a></div>  
    </div>
</div>

 

Removing this code sadly did nothing, besides disabling the "added to cart" pop-up which it was made for.

I also tried removing all custom code in the advanced tab and resetting the css that hides my cart when empty but that also did nothing.

Hi, I'm politely bumping this thread, since I can't seem to figure out a solution and am in need of somebody more knowledgeables help.

Even a hint in the right direction would be appreciated.

3 minutes ago, Skraton said:

Hi, I'm politely bumping this thread, since I can't seem to figure out a solution and am in need of somebody more knowledgeables help.

Even a hint in the right direction would be appreciated.

Try remove this

<div class="Loader"></div>

Not sure it will help. It is caused by an element width > screen width