I am very excited to announce that a new update is now available for our popular Divi Responsive Helper plugin. This update includes a dramatic improvement to the user experience and adds two new features. If you already purchased this plugin or are still considering doing so, we hope you can clearly see the value this plugin brings and will continue to bring as we add even more new features.
We have updated the changelog in our documentation area, but this post and video is the best place to see what’s new in detail.
#1. Major Improvement
Relocated Preview Size Settings
Our plugin evolved faster than we planned, and before we knew it we were adding features inside the builder where we didn’t really want them. The way it worked, we were showing our Preview Size settings when the responsive tabs for Desktop, Tablet, and Phone were opened. We never liked them being there, and from the beginning planned to move them out of the builder to a better location. And that finally happened, and I think you will will be happy with this decision!
We moved both the Presets and the Custom Value settings out of the sections/rows/modules and down to the page settings next to the responsive icons. This felt like the best place to put them. Like before, you can enable one or both of these features from the Theme Options settings page.
This is a new feature that allows you to select the number of columns you want side-by-side on tablet and phone! So let’s say you want two columns next to each other on mobile insead of the default one — easy peasy!
We added this featured under our Column Stacking tab in the Theme Options settings. Inside that tab we renamed the Column Stacking terminology to a more appropiate “Column Order” and then added “Number of Columns” below it. The settings for both of these appear in the Row settings in the Advanced tab.
Once this is enabled in the Theme Options, a new setting appears in the Row settings to choose the number of columns on Tablet and Phone.
Another feature we added is the ability to set your own custom preset sizes for the Preview Size! Before this you had to use the preset sizes that we set, but now you can change those in the Theme Options. You can choose three preset sizes for each device, so 3 for Desktop, 3 for Tablet, and 3 for Phone.
We noticed the Widow Fixer settings were conflicting with some WooCommerce settings, which was keeping the autofills from showing up like when adding related products or similar input areas.
Extra Theme Support
We almost forgot about Extra (and I think Elegant Themes did too). This was a super easy fix, we just had to change something to make the extra tab show up in Theme Options for the plugin settings.
If you are just learning about our revolutionary new plugin and haven’t purchased our plugin yet, you should check out the Divi Responsive Helper product page.
I hope you have enjoyed learning Divi Responsive Helper Plugin Feature Update 1.2. Please share your thoughts in the comments below. If you find value in this type of post, please subscribe because we have tons of tutorials in progress to be posted!
Subscribe
Each month we send out a roundup email newsletter with the latest tutorials, product updates, helpful resources, and any other industry or personal news. Occasionally we send an extra separate email here and there if we just can’t wait! So that’s what you will get if you subscribe, and you can always unsubscribe at any time if you just can’t take it anymore 🙂
Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.
thanks today i’m a happy man. all the novelties of the plugin are very useful!
I am happy to be able to simply decide the number of columns for the mobile version .. an incredible lack of eleganttheme.
Hi Nelson, what a great job man! This is really a big step forward in designer responsive websites! Love it and use it all the time when developing me websites but also to review older ones. Keep up the good work!
I was looking for a plugin like this considering it for breakpoints as divi breakpoints are not as other builder provides like elementor or webflow etc. But then I found out that this plugin only shows previews not breakpoints where I can change the values as I like to be and backed out to purchase this plugin. You know in some situation when you are using big letters you need to look for more breakpoints so that layout does not break at any point. I wish you could add breakpoints to this plugin.
I think breakpoints are much, much less of a need than people think. We can’t add breakpoints, or we would literally “break” Divi, so that’s impossible unfortunately. Again, what you described is what our plugin helps you to do, by changing the preview size, you can adjust the font size to a perfect average for Desktop, Tablet, and Phone.
In this tutorial I will show you how to make highlighted focus input field borders in the Divi Contact Form module.
Pin It on Pinterest
{"id":null,"mode":"button","open_style":"in_modal","currency_code":"USD","currency_symbol":"$","currency_type":"decimal","blank_flag_url":"https:\/\/wordpress-292293-1617718.cloudwaysapps.com\/wp-content\/plugins\/tip-jar-wp\/\/assets\/images\/flags\/blank.gif","flag_sprite_url":"https:\/\/wordpress-292293-1617718.cloudwaysapps.com\/wp-content\/plugins\/tip-jar-wp\/\/assets\/images\/flags\/flags.png","default_amount":500,"top_media_type":"none","featured_image_url":false,"featured_embed":"","header_media":null,"file_download_attachment_data":null,"recurring_options_enabled":true,"recurring_options":{"never":{"selected":true,"after_output":"One time only"},"weekly":{"selected":false,"after_output":"Every week"},"monthly":{"selected":false,"after_output":"Every month"},"yearly":{"selected":false,"after_output":"Every year"}},"strings":{"current_user_email":"","current_user_name":"","link_text":"Leave a tip","complete_payment_button_error_text":"Check info and try again","payment_verb":"Pay","payment_request_label":"Pee-Aye Creative","form_has_an_error":"Please check and fix the errors above","general_server_error":"Something isn't working right at the moment. Please try again.","form_title":"Pee-Aye Creative","form_subtitle":null,"currency_search_text":"Country or Currency here","other_payment_option":"Other payment option","manage_payments_button_text":"Manage your payments","thank_you_message":"Thank you for being a supporter! It is people like you who keep us going week after week!","payment_confirmation_title":"Pee-Aye Creative","receipt_title":"Your Receipt","print_receipt":"Print Receipt","email_receipt":"Email Receipt","email_receipt_sending":"Sending receipt...","email_receipt_success":"Email receipt successfully sent","email_receipt_failed":"Email receipt failed to send. Please try again.","receipt_payee":"Paid to","receipt_statement_descriptor":"This will show up on your statement as","receipt_date":"Date","receipt_transaction_id":"Transaction ID","receipt_transaction_amount":"Amount","refund_payer":"Refund from","login":"Log in to manage your payments","manage_payments":"Manage Payments","transactions_title":"Your Transactions","transaction_title":"Transaction Receipt","transaction_period":"Plan Period","arrangements_title":"Your Plans","arrangement_title":"Manage Plan","arrangement_details":"Plan Details","arrangement_id_title":"Plan ID","arrangement_payment_method_title":"Payment Method","arrangement_amount_title":"Plan Amount","arrangement_renewal_title":"Next renewal date","arrangement_action_cancel":"Cancel Plan","arrangement_action_cant_cancel":"Cancelling is currently not available.","arrangement_action_cancel_double":"Are you sure you'd like to cancel?","arrangement_cancelling":"Cancelling Plan...","arrangement_cancelled":"Plan Cancelled","arrangement_failed_to_cancel":"Failed to cancel plan","back_to_plans":"\u2190 Back to Plans","update_payment_method_verb":"Update","sca_auth_description":"Your have a pending renewal payment which requires authorization.","sca_auth_verb":"Authorize renewal payment","sca_authing_verb":"Authorizing payment","sca_authed_verb":"Payment successfully authorized!","sca_auth_failed":"Unable to authorize! Please try again.","login_button_text":"Log in","login_form_has_an_error":"Please check and fix the errors above","uppercase_search":"Search","lowercase_search":"search","uppercase_page":"Page","lowercase_page":"page","uppercase_items":"Items","lowercase_items":"items","uppercase_per":"Per","lowercase_per":"per","uppercase_of":"Of","lowercase_of":"of","back":"Back to plans","zip_code_placeholder":"Zip\/Postal Code","download_file_button_text":"Download File","input_field_instructions":{"tip_amount":{"placeholder_text":"How much would you like to tip?","initial":{"instruction_type":"normal","instruction_message":"How much would you like to tip? Choose any currency."},"empty":{"instruction_type":"error","instruction_message":"How much would you like to tip? Choose any currency."},"invalid_curency":{"instruction_type":"error","instruction_message":"Please choose a valid currency."}},"recurring":{"placeholder_text":"Recurring","initial":{"instruction_type":"normal","instruction_message":"How often would you like to give this?"},"success":{"instruction_type":"success","instruction_message":"How often would you like to give this?"},"empty":{"instruction_type":"error","instruction_message":"How often would you like to give this?"}},"name":{"placeholder_text":"Name on Credit Card","initial":{"instruction_type":"normal","instruction_message":"Enter the name on your card."},"success":{"instruction_type":"success","instruction_message":"Enter the name on your card."},"empty":{"instruction_type":"error","instruction_message":"Please enter the name on your card."}},"privacy_policy":{"terms_title":"Terms and conditions","terms_body":null,"terms_show_text":"View Terms","terms_hide_text":"Hide Terms","initial":{"instruction_type":"normal","instruction_message":"I agree to the terms."},"unchecked":{"instruction_type":"error","instruction_message":"Please agree to the terms."},"checked":{"instruction_type":"success","instruction_message":"I agree to the terms."}},"email":{"placeholder_text":"Your email address","initial":{"instruction_type":"normal","instruction_message":"Enter your email address"},"success":{"instruction_type":"success","instruction_message":"Enter your email address"},"blank":{"instruction_type":"error","instruction_message":"Enter your email address"},"not_an_email_address":{"instruction_type":"error","instruction_message":"Make sure you have entered a valid email address"}},"note_with_tip":{"placeholder_text":"Your note here...","initial":{"instruction_type":"normal","instruction_message":"Attach a note to your tip (optional)"},"empty":{"instruction_type":"normal","instruction_message":"Attach a note to your tip (optional)"},"not_empty_initial":{"instruction_type":"normal","instruction_message":"Attach a note to your tip (optional)"},"saving":{"instruction_type":"normal","instruction_message":"Saving note..."},"success":{"instruction_type":"success","instruction_message":"Note successfully saved!"},"error":{"instruction_type":"error","instruction_message":"Unable to save note note at this time. Please try again."}},"email_for_login_code":{"placeholder_text":"Your email address","initial":{"instruction_type":"normal","instruction_message":"Enter your email to log in."},"success":{"instruction_type":"success","instruction_message":"Enter your email to log in."},"blank":{"instruction_type":"error","instruction_message":"Enter your email to log in."},"empty":{"instruction_type":"error","instruction_message":"Enter your email to log in."}},"login_code":{"initial":{"instruction_type":"normal","instruction_message":"Check your email and enter the login code."},"success":{"instruction_type":"success","instruction_message":"Check your email and enter the login code."},"blank":{"instruction_type":"error","instruction_message":"Check your email and enter the login code."},"empty":{"instruction_type":"error","instruction_message":"Check your email and enter the login code."}},"stripe_all_in_one":{"initial":{"instruction_type":"normal","instruction_message":"Enter your credit card details here."},"empty":{"instruction_type":"error","instruction_message":"Enter your credit card details here."},"success":{"instruction_type":"normal","instruction_message":"Enter your credit card details here."},"invalid_number":{"instruction_type":"error","instruction_message":"The card number is not a valid credit card number."},"invalid_expiry_month":{"instruction_type":"error","instruction_message":"The card's expiration month is invalid."},"invalid_expiry_year":{"instruction_type":"error","instruction_message":"The card's expiration year is invalid."},"invalid_cvc":{"instruction_type":"error","instruction_message":"The card's security code is invalid."},"incorrect_number":{"instruction_type":"error","instruction_message":"The card number is incorrect."},"incomplete_number":{"instruction_type":"error","instruction_message":"The card number is incomplete."},"incomplete_cvc":{"instruction_type":"error","instruction_message":"The card's security code is incomplete."},"incomplete_expiry":{"instruction_type":"error","instruction_message":"The card's expiration date is incomplete."},"incomplete_zip":{"instruction_type":"error","instruction_message":"The card's zip code is incomplete."},"expired_card":{"instruction_type":"error","instruction_message":"The card has expired."},"incorrect_cvc":{"instruction_type":"error","instruction_message":"The card's security code is incorrect."},"incorrect_zip":{"instruction_type":"error","instruction_message":"The card's zip code failed validation."},"invalid_expiry_year_past":{"instruction_type":"error","instruction_message":"The card's expiration year is in the past"},"card_declined":{"instruction_type":"error","instruction_message":"The card was declined."},"missing":{"instruction_type":"error","instruction_message":"There is no card on a customer that is being charged."},"processing_error":{"instruction_type":"error","instruction_message":"An error occurred while processing the card."},"invalid_request_error":{"instruction_type":"error","instruction_message":"Unable to process this payment, please try again or use alternative method."},"invalid_sofort_country":{"instruction_type":"error","instruction_message":"The billing country is not accepted by SOFORT. Please try another country."}}}},"fetched_oembed_html":false}
thanks today i’m a happy man. all the novelties of the plugin are very useful!
I am happy to be able to simply decide the number of columns for the mobile version .. an incredible lack of eleganttheme.
Hi Francesco,
I’m glad you like the features! They are very helpful indeed 🙂
Hi Nelson, what a great job man! This is really a big step forward in designer responsive websites! Love it and use it all the time when developing me websites but also to review older ones. Keep up the good work!
Regards, Ron
Thank you so much, Ron! If you could leave this review on the plugin page, that would be extra awesome 🙂 https://wordpress-292293-1617718.cloudwaysapps.com/product/divi-responsive-helper/#reviews
Hy,
I was looking for a plugin like this considering it for breakpoints as divi breakpoints are not as other builder provides like elementor or webflow etc. But then I found out that this plugin only shows previews not breakpoints where I can change the values as I like to be and backed out to purchase this plugin. You know in some situation when you are using big letters you need to look for more breakpoints so that layout does not break at any point. I wish you could add breakpoints to this plugin.
Regards,
Shehzad Asif
Front End Developer
I think breakpoints are much, much less of a need than people think. We can’t add breakpoints, or we would literally “break” Divi, so that’s impossible unfortunately. Again, what you described is what our plugin helps you to do, by changing the preview size, you can adjust the font size to a perfect average for Desktop, Tablet, and Phone.