Como ajustar CSS para ocupar toda a largura da tela em celulares

Caprese

Zeta

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 25/03/2021

• #1

Desde móvil quedan como 10 px vacios en los extremos izquierdo y derecho. Queda mal, quiero ocupar todo el ancho de la pantalla con el texto.

Miro en google y nada

 

D

davidrod

Delta

Verificación en dos pasos activada

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 25/03/2021

• #2

Deben ser los bordes de tu tabla/div/section, busca: "css responsive width 100%"

Para que resuelvas tu duda.

 

MajesticCat

Kappa

Verificación en dos pasos activada

Verificado por Binance

Usuário popular!

• 25/03/2021

• #3

Caprese disse:

Desde móvil quedan como 10 px vacios en los extremos izquierdo y derecho. Queda mal, quiero ocupar todo el ancho de la pantalla con el texto.

Miro en google y nada

Clique para expandir...

Busca el container o lo que quiere hacer mas grande y pon:

width: 100%

Si quieres que el width sea nada mas en el movil usa los @Media rules.

 

G

GustavoVM

Préstamo impago

Delta

Diseñador

Verificación en dos pasos activada

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 26/03/2021

• #4

Quizás podrías añadirle box-sizing: border-box

 

jpmaster

Gamma

Programador

Verificación en dos pasos activada

Verificado por Binance

• 04/04/2021

• #5

CSS:

* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

 

Mentito

Gamma

Verificación en dos pasos activada

• 04/04/2021

• #6

Coloque esto en su css:

@Media screen and (max-width:500px){
.nombredelcontenedor{
width: 100%;
margin: 10px 0px;
padding: 0px;
}
}

 

Caprese

Zeta

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 22/04/2021

• #7

Nada imposible solucionarlo, al final lo dejé por imposible, ¿algún plugin que ofrezca alguna solución?

El tema es

Popularis Press - PopularisWP

Fast & Free Blogging WordPress theme Popularis Press Lightweight and super fast blogging WordPress theme with free demo import Free Download Demo Free demo available Import our demo for free You can set up your website in a matter of minutes. Import our demo and start customizing. Demo Popularis...

populariswp.com

Popularis Press | Directorio de temas de WordPress

Popularis Press es un tema multiuso de blog rápido, limpio y moderno para WordPress. El tema funciona perfectamente con cualquiera de los maquetadores de páginas favoritos como Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Visual Composer, etc. Popularis Press está preparado...

es.wordpress.org

En style.css pone

@Media (min-width: 768px) {
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
background-color: #fd0707;
color: #fff;

edito: lo acabo de conseguir con elementor pero toca js, ¿esto lastrará la carga??

 

Última edição: 22/04/2021

LuisPariona

Beta

Verificación en dos pasos activada

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 22/04/2021

• #8

Con esto debería bastar:

CSS:

@media (min-width: 768px) {
    .container {
        width: 100%!important;
        padding: 0!important;
        margin: 0!important;
    }
}

Debes colocarlo en Apariencia > Personalizar > CSS adicional 👍 saludos!

 

J

Joaquin14

Curioso

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 08/05/2021

• #9

con https://necolas.github.io/normalize.css/ lo solucionas

 

M

migueldeveloper

Delta

Verificado

Verificación en dos pasos activada

• 09/05/2021

• #10

Envíame link, te ayudo free amigo. =)