Support » Plugin: Content Views - Post Grid & List for WordPress » Text shows unformatted on mobile

  • So far I’ve managed to center align the text and buttons with the following code:

    .pt-cv-wrapper {
    position: relative !important;
    
    }
    
    .pt-cv-readmore {
       position: absolute;
      top: 110%;
      left: 55%;
      transform: translate(-50%, -50%);
    
    }
    
    .pt-cv-title{
       position: absolute;
      top: 20%;
      left: 67%;
      transform: translate(-50%, -50%);
    }
    
    .pt-cv-content{
    text-align:center;
      position: absolute;
      top: 40%;
      left: 67%;
      transform: translate(-50%, -50%);
    }
    
    .pt-cv-meta-fields{
     position: absolute;
      top: 70%;
      left: 67%;
      transform: translate(-50%, -50%);
    
    }

    But it’s not showing correctly on small screens.

    cnorcreative.com/corbyssimas

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Content Views

    (@pt-guy)

    Hello,
    I see these custom CSS on your page, which is not wrapped in @media screen

    .pt-cv-title {
        text-align: center;
        padding-left: 40px;
        top: 50%;
        transform: translate(0,300%);
    }
    
    .pt-cv-content {
        padding-left: 40px;
        position: relative;
        top: 50%;
        transform: translate(0,100%);
    }

    They caused the issue in mobile devices.
    Please correct them (wrap in valid @media query).

    Best regards,

    • This reply was modified 2 years, 9 months ago by Content Views.

    Thank you PT Guy,

    Glad you noticed this.
    It happened that before I realized I could use the wordpress editor to edit CSS, I wrote directly on style.css of the theme overriding the editor and I forgot completly about this.

    It’s fixed and works like a charm.

    Plugin Author Content Views

    (@pt-guy)

    I’m glad that you got it work.

    • This reply was modified 2 years, 9 months ago by Content Views.

    There’s only one last thing:

    Is there a way for the text not being overlapping the image like seen on the 3rd post?

    I’d buy pro version if I had the budget, but unfortunatly for this work it isnt possible.
    Possibly in a work with a bigger budget I might buy pro, as this is truly a great plugin.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Text shows unformatted on mobile’ is closed to new replies.