- How to pop up Bloom pop-up on button click
- Woocommerce: How to create custom Woocommerce cart in Divi
- Divi: Add your own font – Font upload error
- Divi: Styling mobile hamburger menu
- Woocommerce: Disable Woocommerce Gallery Zoom
- Divi: Add an “Add to cart” button to Divi Shop Module
- Divi: stop blog thumbnails cropping
- Divi: Control column order on mobile
- Divi: Make text vertically centered
- Divi: How to create call to action buttons in the Divi Menu
- Woocommerce: Ultimate guide to woocommerce Add to cart urls
- Woocommerce: How to hide other shipping methods when free shipping enabled
- Divi: Pop up Video without a plugin
- Divi: Vertically center a row within a section
DiviLife has a great generator that you can use so you don’t need to add another plugin.
I need to make a few css changes for my Divi clients particular site…for both mobile and to ensure that the content width allowed for more words. When I had a longer slogan the button moved down out of the box, so needed the css add.
/*=========================================
CODE FOR PROMO SLIDER AT TOP
========================================*/
button.promo-slide-in-button, a.promo-slide-in-button{padding: 5px 10px!important}
@media only screen and (min-width:981px) {
.promo-slide-in-content {width: 1000px!important;}
.promo-slide-in{height:70px!important}}
@media (max-width: 775px){
.promo-slide-in-content p {width: 80%!important;position: relative!important; right: 5%!important; display: block!important;float:none!important}
button.promo-slide-in-button, a.promo-slide-in-button{clear:both!important;width:60%!important;display:block!important;float:none!important;margin: 12px auto!important;right:85px!important;}
.promo-slide-in{height:120px!important}
#main-header.fixed-nav-main-header {top: 120px !important;}
}
