When using the centered fullwidth header module the the alignment of the buttons is off on mobile. This code will fix that.
You may need to change the 479px screen size based on your button text.
[css]
/*** 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;
}
}
[/css]
Sliders are known to not be great for conversion so I like to find other uses for them because visuals are so important for so many users. The demo site shows a coming soon example as well as an alternate gallery look, both using the navigation dots as text links to...
This code styles dropdown menus on desktop. I'm using the slide effect on the dropdown (in customizer settings) but instead of having it slide in left to right I'm changing it to slide up from the bottom. A bit of space is also added between the header and the...
This code makes the checkout form one-column instead of two and moves the Additional Information section below the Billing Details.NotesThe code should work on any WordPress site, not just those using the Divi theme, but adjustments might be needed.Alternatively you...
0 Comments