Extra right margin

Technical Q&A

Topic summary

A user reports unwanted extra space appearing on the right side of their website on both mobile and desktop views. Previous CSS attempts to fix the issue either failed or broke other sections.

Likely Cause Identified:

  • A CSS rule in the “Custom liquid” section forces overflow: visible !important on all elements (*) for screens under 767px
  • This overly broad selector affects every element on the page and likely causes content to overflow containers

Current Status:

  • One respondent offered direct assistance to inspect the page structure
  • Another pinpointed the problematic CSS rule that needs revision
  • The issue remains unresolved, awaiting the original poster’s response or implementation of suggested fixes
Summarized with AI on October 23. AI used: claude-sonnet-4-5-20250929.
1

I am having problems with my website as for both mobile and desktop it seems to be an extra space on the right.
I’ve tried different codes but no-one seems to work or if they do other sections stop working.

Can you please help me?

Website: www.sosober.it
Password: mohwhi

Thank you!!

2

Hey! I’ve seen this issue before — it’s usually caused by a section or element overflowing the container, which can create that extra space on mobile and desktop. Pasting random CSS often breaks other sections, so it really needs someone to check the page structure and apply a proper fix. Will you need me to come in and aid you out on it

4

Why do you have this rule:

/* --- MOBILE (<767px) --- */
@media (max-width:767px){
  /* 🔧 forza visibilità totale */
  * {
    overflow: visible !important;
  }

It’s a bit too broad and applies to literally all elements on your page…

It’s in your “Tutti i prodotti Vini analcolici …” “Custom liquid” section.