Change the Blurb Module Icon / Image Placement on Mobiles


The Divi Theme's blurb module offers a choice of two placements for the blurb icon / image: on top of the text, or to its left. The same placement is used on both desktop and mobile versions. If you'd prefer your left-positioned images and icons to switch to a top-positioned layout on mobiles, you can do so with the following jQuery code:

		if ($('').length) { return; }
		var left_blurbs = $(".et_pb_blurb_position_left");
		$(window).resize(function () { 
	function db_update_blurb_icon_pos(left_blurbs) {
		if (db_browser_width() < 768) {
					.css('display', 'block');
		} else {
					.css('display', 'table');
	function db_browser_width() {
		var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
		return width;


Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.

We may earn a commission when you visit links on our website.