[Resolved] Mobile View Issue for Portfolio

Home Forums Support Mobile View Issue for Portfolio

  • This topic has 3 replies, 2 voices, and was last updated 2 months ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1380770
    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.

    #1381103
    Tom
    Lead Developer
    Lead Developer

    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?

    #1381233
    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.

    #1382039
    Tom
    Lead Developer
    Lead Developer

    Glad you got it all sorted 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.