[Resolved] Mobile View Issue for Portfolio

[Math]

Hi,

I enabled Portfolio using jetpack and I wanted to apply the similar effect as the post, so I duplicated some of the elements such as ‘Remove single post title’ and applied it to portfolio items.

Everything seems to be working fine on large screens, but it doesn’t seem to work well in mobile screen.

1. There a gap between the title, image, and excerpt. See image link below.
https://www.dropbox.com/s/ljyphsy04msbr02/Portoflio.jpg?dl=0

2. The main heading font isn’t rendering. Do you know why?

Thank you.

[Tom]

Hi there,

The horizontal scroll is happening because of this CSS in your child theme style.css file:

.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
    margin-left: -120px;
    width: calc(100% + 240px);
    max-width: calc(100% + 240px);
}

The post title seems fine to me – what about it isn’t working?

[Math]

Thank you…I made it so it only applies to anything above 769px wide screens and it seems to be have fixed the issue.

As for the font issue, the letter spacing was off and font itself didnt appear to be correct but it seems to have been resolved as well.

[Tom]

Glad you got it all sorted 🙂

[Author]

Posts