Images showing centered on moblie when they should aligned left

Posted in: Newspaper
Post count: 57
Kingx26
#195497
Sep 29, 2017 at 4:19 am

The green and red plus/minus bullet points of my site are align left when viewed on my computer which is what I want, but on mobile the pluses are aligned center when they should be left. It’s not my custom code, how can I fix this so that the pluses align left and not center on mobile?

  • This topic was modified 8 years by Kingx26.
Post count: 57
Kingx26
#195504
Sep 29, 2017 at 5:21 am

techsiting.com

Post count: 20688
Simion C.
#195582
Sep 29, 2017 at 1:33 pm

Hi,

I could give you a code to left align those images on mobile. The theme treats them like normal images in the post content, and automatically centers them on smaller devices
– https://www.screencast.com/t/y2L0SjnOA

@media (max-width: 500px) {
.alignleft {
float:left;
margin-right: 21px;
}}

Enter the code in Theme panel->Custom CSS section, then check if it is working properly. Maybe clear the cache if the code does not apply after entering it.

Thanks

Post count: 57
Kingx26
#195664
Sep 29, 2017 at 9:02 pm

It works. Thanks a lot. Will it be aligned left on tablets as well?

Post count: 20688
Simion C.
#195828
Oct 2, 2017 at 10:18 am

Hi,

The code will override the default behavior of the theme on widths below 500px, there is no need for anything else. On tablets it already displays properly
– https://www.screencast.com/t/NPB1MSnpnVe
Now it displays properly on smaller devices as well, with the added code
– https://www.screencast.com/t/hkS4nAKS4

Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.