Ajuda com Edição de CSS - Mover Menu e Modificar Containers em Loja Wordpress

bewstars · 10/08/2020

hola se que hay partes espesificas que editandolas llego a mi cometido espero su ayuda.

1- como puedo mover el menu hacia la derecha o el centro de los dos divs de los costados.
2- quiero agrandar los contenedores divs de las imagenes y el titulo o a convenir achicar el body y el sidebar

dejo screenshots, dejo link del a tienda para el que quiera mirar el css http://wordpress.compucitagamer.com/

gracias.

MarkBurns · 12/08/2020

- Para el div de las imagenes, dale un max-height y para las <img> dales un object-fit:contain
- El tema del menu, usa flexbox. Usa un contenedor general que englobe Logo - Menu - Soporte, ejemplo:

HTML:

<div class="header">
    <div class="header-logo">
        <img src="tuLogo.svg" alt="Logo"/>
    </div>
    <div class="header-menu">
        <ul>
            CONTENIDO MENU, LISTAS <li>
        </ul>
    </div>
    <div class="header-soporte">
        Contenido soporte
    </div>
</div>

Como ves, hay un contenedor general (.header) que tiene 3 children divs (.header-logo, .header-menu y .header-soporte).

Se asigna display: flex al contenedor, y otros valores para centrar los 3 divs del contenedor, ejemplo CSS:

CSS:

.header {

    display: flex;

    flex-direction: row; /* No hace falta que pongas esta linea, ya viene por defecto. Si lo quieres en modo columna (para movil por ejemplo, usas flex-direction: column */

    justify-content: space-between;

}

Te dejo un ejemplo que acabo de hacer:

Edit fiddle - JSFiddle - React, Tailwind, and code Playground

JSFiddle - Test your React, Tailwind, JavaScript, CSS, HTML online with JSFiddle.

jsfiddle.net

Ajuda com Edição de CSS - Mover Menu e Modificar Containers em Loja Wordpress

bewstars

Anexos

MarkBurns

Edit fiddle - JSFiddle - React, Tailwind, and code Playground