Support/Polestar Theme/Justification changes on mobile screens

[Resolved] Justification changes on mobile screens

Tagged: 

  • Author
    Posts
  • June 28, 2021 at 8:30 am #15888

    Arthur Rudick
    Participant

    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

    June 28, 2021 at 9:37 am #15892

    Andrew Misplon
    Keymaster

    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;
	}
}
    June 29, 2021 at 1:06 am #15894

    Arthur Rudick
    Participant

    Thanks Andrew!!!!! That worked.

    June 29, 2021 at 8:39 am #15896

    Andrew Misplon
    Keymaster

    Super, glad to hear that helped.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Justification changes on mobile screens’ is closed to new replies.

Scroll to top