Opened 2 years ago
Closed 2 years ago
#6234 closed defect (bug) (duplicate)
In WordPress single photo page spacing issue in tablet and mobile screen
Reported by: | multidots1896 | Owned by: | |
---|---|---|---|
Milestone: | Priority: | normal | |
Component: | Photo Directory | Keywords: | has-screenshots has-patch |
Cc: |
Description
In WordPress single photo page spacing issue in tablet in below (960px) and mobile screen.
Please find below url
https://wordpress.org/photos/photo/2596243dba/
Attachments (3)
Change History (5)
#1
@
2 years ago
Hello @multidots1896
I think there is no padding or no margin added to the image even in desktop size.
So because of this, there is no padding and no margin in the image even in mobile size.
We can add a margin in the 'entry-license' section in mobile size, due to which the page design looks good in mobile size.
Go to this path and add the CSS code below.
/wp-content/themes/pub/wporg-photos/css/components/_site.scss
Add below CSS code
@media screen and (max-width: 960px) .entry-license { margin-left: 20px; margin-right: 20px; }
Thanks
#2
@
2 years ago
- Resolution set to duplicate
- Status changed from new to closed
Thanks for the report! Seems your team might all have been looking at things at the same time so there were some overlapping tickets for the same issues. Closing this as a duplicate of #6232 and #6240, both of which have been fixed.
6232 related to the lack of spacing in the photo header (the author and download button above the photo) and 6240 related to the spacing around the license/usage section. As I commented on 6232, the photo going full-width is intentional.
added screenshot