Ayuda con Edición de CSS - Mover Menú y Modificar Contenedores en Tienda Wordpress

bewstars · 2020-08-10T00:40:20-0500

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 · 2020-08-12T18:35:25-0500

- 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 - Code Playground

JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

jsfiddle.net

Ayuda con Edición de CSS - Mover Menú y Modificar Contenedores en Tienda Wordpress

bewstars

Adjuntos

MarkBurns

Edit fiddle - JSFiddle - Code Playground