{"id":143,"date":"2018-09-27T08:50:47","date_gmt":"2018-09-27T08:50:47","guid":{"rendered":"https:\/\/toolbox.divilover.com\/?p=143"},"modified":"2020-06-16T13:39:32","modified_gmt":"2020-06-16T13:39:32","slug":"mobile-css-classes","status":"publish","type":"post","link":"https:\/\/toolbox.divilover.com\/mobile-css-classes\/","title":{"rendered":"Mobile CSS Classes"},"content":{"rendered":"<h2>Divi Toolbox\u00a0<span style=\"color: #bdc8d5;\">\u279c<\/span> Mobile\u00a0<span style=\"color: #bdc8d5;\">\u279c\u00a0<\/span>Useful CSS Classes<\/h2>\n<p>&nbsp;<\/p>\n<p>The Divi Toolbox adds CSS snippets which will allow you to modify some elements on mobile. The custom CSS classes can be added to any element (section, row, column, or module) &#8211; and if the class is specific to an element, it will be noted in the class description.<\/p>\n<h5>reverse-columns-mobile<\/h5>\n<p>Add this class to the\u00a0<u>Row Settings<\/u>\u00a0to switch the order of columns on mobile.<\/p>\n<h5>word-break-mobile<\/h5>\n<p>Add this class to any element to add hyphens, when word reaches the end of line. It will aplly to element and all its children.<\/p>\n<h5>no-word-break-mobile<\/h5>\n<p>Add this class to any element to prevent words wrapping to a new line. It will aplly to element and all its children.<\/p>\n<p>&nbsp;<br \/>\n&nbsp;<\/p>\n<h5>txt-center-mobile<\/h5>\n<p>Add this class to the\u00a0<u>Text Module<\/u>\u00a0settings to center-align the text on mobile in that module (deprecated).<\/p>\n<h5>module-center-mobile<\/h5>\n<p>Add this class to <span style=\"text-decoration: underline;\">any\u00a0Module<\/span>\u00a0to center-align it on mobile (deprecated).<\/p>\n<h5>btn-center-mobile<\/h5>\n<p>Add this class to the\u00a0<span style=\"text-decoration: underline;\">parent container &#8211; Row or Section<\/span> &#8211; to center any Button Module within that parent on mobile (deprecated).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Divi Toolbox\u00a0\u279c Mobile\u00a0\u279c\u00a0Useful CSS Classes &nbsp; The Divi Toolbox adds CSS snippets which will allow you to modify some elements on mobile. The custom CSS classes can be added to any element (section, row, column, or module) &#8211; and if the class is specific to an element, it will be noted in the class description. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[8],"tags":[],"class_list":["post-143","post","type-post","status-publish","format-standard","hentry","category-mobile-settings"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/posts\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/comments?post=143"}],"version-history":[{"count":9,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/posts\/143\/revisions"}],"predecessor-version":[{"id":1757,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/posts\/143\/revisions\/1757"}],"wp:attachment":[{"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/media?parent=143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/categories?post=143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toolbox.divilover.com\/wp-json\/wp\/v2\/tags?post=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}