Center Align Divi Fullwidth Header Buttons on Mobile

Aug 19, 2017

Updated Jan 2024

When using the centered fullwidth header module the the alignment of the buttons is off on mobile. This code will fix that.

Notes

You may need to change the 479px screen size based on your button text.

CSS Code

/*** FULLWIDTH HEADER BUTTONS ON MOBILE ***/
@media only screen and (max-width: 479px) {
     .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_one {
         margin-right: 0;
    }
}

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.