Jump to content

Messsed up Mobile View

Go to solution Solved by tuanphan,

Recommended Posts

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!

mobile.png

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

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.

Link to comment
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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.

Link to comment
  • Solution
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

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.