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:

@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;
}
}
%d bloggare gillar detta: