Divi Mobile First Concepts

by | Aug 4, 2021 | 0 comments

Divi Mobile First Concepts

by | Aug 4, 2021 | CSS Tips and Tricks | 0 comments



Get access here: https://divimobifirst.com

In this video you will see exactly how I use CSS to keep ALL the desktop columns and rows in Divi Mobile. Divi’s default grid layout for the phone view is always 100% in width. While this may not be a huge issue for most developers, it does create some limitation especially for the creative UI designer, who chooses to build websites keeping the mobile first concept mind. In this video I will show you one of the tricks I use as a web developer to transform the default mobile view using only CSS.

Quick Fix and Tips for WordPress Web Development
Kerjem Web Studio

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>