Making WordPress.org

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's profile 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)

tablet-screenshot.png (3.5 MB) - added by multidots1896 2 years ago.
added screenshot
mobile-screenshot.png (723.4 KB) - added by multidots1896 2 years ago.
added screenshot
6234.patch (586 bytes) - added by multidots1896 2 years ago.
added patch

Change History (5)

@multidots1896
2 years ago

added screenshot

@multidots1896
2 years ago

added screenshot

@multidots1896
2 years ago

added patch

#1 @aezazshekh
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 @coffee2code
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.

Note: See TracTickets for help on using tickets.