[Resolved] Justification changes on mobile screens

  • Author
    Posts
  • #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

    #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;
    	}
    }
    #15894

    Arthur Rudick
    Participant

    Thanks Andrew!!!!! That worked.

    #15896

    Andrew Misplon
    Keymaster

    Super, glad to hear that helped.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top