Timeline – Wren – OpenByt – Your Ultimate Source for Free WordPress Knowledge

Wren ha publicado una actualización

Hace 7 meses
Nivel 2

My website had a horizontal overflow issue in mobile view due to content in the footer overflowing. To fix this, I applied the following CSS code:
```
 body {     overflow-x: hidden;     max-width: 100%; } 
```
This code resolved the horizontal overflow issue, but it also caused the footer and its content to be hidden. How can I fix this issue while ensuring the footer content remains visible?
1 Comentario
- Hawke
  
  Nivel 2
  
  If you do not set a fill value in the mobile view, it will usually default to the desktop fill value. You can try setting the number to 0
  “`/* Default styles (e.g., desktop view) */
  
  .element {
  
  fill: #000; /* Example desktop fill value */
  
  }
  
  /* Mobile view – Explicitly set fill to 0 */
  
  @media screen and (max-width: 768px) { /* Adjust max-width as needed for your mobile breakpoint */
  
  .element {
  
  fill: none; /* Or set it to 0, depending on what you want to achieve */
  
  }
  
  }
  
  “`
  
  Hace 7 meses