Justification changes on mobile screens

Arthur Rudick Jun 28, 2021 · 8:30 am #15888

I recently switched from the Alante Pro Theme (Thinkup Themes) to Polestar. I have several blocks of text in my website where a photo is left or right justified and the text wraps around the photo. I have included screenshots of one example

On a laptop, the image is right justified, and the text wraps around the image (This is what I want)

On a tablet, the image is right justified, and the text wraps around the image (This is what I want)

On a mobile device, the image is center justified and there is no text wrapping (not what I want)

Is it possible to make the justification and wrapping the same on all screen sizes? My previous theme did this.

Here is a link to the screenshots:

https://www.dropbox.com/sh/dkz0znvvniildun/AAD-jXWlbemU7PmtN8OwNAEKa?dl=0

Thank you for your help.

Best regards,
Art Rudick
Atlanta Street Art Map

Andrew Misplon Puro Jun 28, 2021 · 9:37 am #15892

Hi Art

Thanks for reaching out. In Custom CSS you can try:

@media (max-width: 480px) {
	.alignleft, .alignright {
		clear: none;
		display: inline;
		margin-left: unset;
		margin-right: unset;
		float: none;
	}
	.alignleft {
		float: left;
		margin-right: 27px;
	}
	.alignright {
		float: right;
		margin-left: 27px;
	}
	.entry-content {
		hyphens: auto;
	}
}

Arthur Rudick Jun 29, 2021 · 1:06 am #15894

Thanks Andrew!!!!! That worked.

Andrew Misplon Puro Jun 29, 2021 · 8:39 am #15896

Super, glad to hear that helped.

4 posts