Centrera knapparna för mobil i helbreddsmodulen sidhuvud

13 januari, 2019 | Nyheter, Tips & tricks

Problem

När du skapar en helbreddssektion i Divi och väljer modulen sidhuvud – helbredd så får du möjlighet att använda två olika knappar för att skapa sk CTA (call-to-actions).

Som standard centreras inte dessa knappar i responsiv vy (mobil) men med lite CSS fixar du det enkelt så det blir som den senare bilden nedan:

Använd gärna ett childtheme (barntema) för att spara din CSS i, som du kan läsa mer om i dessa två inlägg:

Lösning

Kopiera följande CSS till din style.css i barntemat eller lägg in den under Divi temainställningar > allmänt – anpassad CSS:

[css] @media only screen and (max-width: 981px) {
.et_pb_fullwidth_header
.et_pb_fullwidth_header_container
.header-content a.et_pb_button {
width: 100%;
margin-right: 0; }
}

@media only screen and (max-width: 480px) {
.et_pb_fullwidth_header
.et_pb_fullwidth_header_container
.et_pb_button_two {
margin-left: 0;
}
}[/css]

Om sidan

Om sidan

Divi.se ägs och drivs av Henrik Rossini som driver webbyrån Joolo Webbdesign.
Sidan visar svensk information samt tips & trix för premium-temat Divi för WordPress. Divi.se har inga kopplingar till temats leverantör Elegant Themes. Divi samt Elegant Themes är registrerade varumärken som tillhör Elegant Themes, Inc.

Vissa länkar på denna webbplats är sk ”affiliate länkar” vilket innebär att om du klickar på länken och köper en produkt på de sidan så kommer jag att erhålla en viss ersättning.

Söker du hjälp med Divi så kontakta mig via min webbyrå Joolo Webbdesign

Läs även