Mobile view post grid title layout

  • Resolved jdvmih

    (@jdvmih)


    5 years, 11 months ago

    Is there any way to make the title of a blog post in mobile view be on the right side of the post image, like in desktop view? Currently using post list #3 and it’s fine on desktop but there is so much wasted space putting the title below the image in mobile view and that’s my main focus (mobile).

    Also what is with the add placement in mobile view to buy the best gutenberg post blocks? It doesn’t appear in the wordpress theme customizer or when editing the page. Only when i check up on the site on my phone does it appear.

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author WPXPO

    (@wpxpo)

    5 years, 11 months ago

    HI @jdvmih,

    Thank you for using our post blocks plugin. We have used the title below the image in the mobile view. Because most of the users use large images as well as other content like title, excerpts, meta, read more within post list #3. Then it looks so congested. Only, for this reason, we have added the title below the image. but you can override CSS to show on the right side like the desktop view. Hope you will understand. I can see the Ads Image show on both desktop and mobile views. From edit mode, you need to delete the ads section, I mean delete image blocks from this page.
    https://prnt.sc/takpc4

    Note: After more help, please inform us.

    Thread Starter jdvmih

    (@jdvmih)

    5 years, 10 months ago

    Thanks for the respone. Is there any specific override css code to place the title on the left or should i do my research on the internet? (i have no coding knowledge).

    I managed to get rid of the add banner from the editor after more careful searching.

    Plugin Author WPXPO

    (@wpxpo)

    5 years, 10 months ago

    Hi, You know our post block plugin is so smart. You can easily add below CSS code within the Custom CSS area. I have made a screenshot for you. Hope it will help you a lot. Here is a screenshot link https://prntscr.com/tbt1dq. 

    @media (max-width: 992px) {
    .wp-block-ultimate-post-post-list-3 .ultp-block-media .ultp-block-content-wrap {
        display: flex;
    }
}

    I hove your issue will be solved. If you are satisfied with our support then give us a five-star review in the WordPress directory. As a new plugin developer, it helps us a lot.

    Have a nice day

    Thread Starter jdvmih

    (@jdvmih)

    5 years, 10 months ago

    Thank you! It worked! Just what i was looking for! I will definetly give you a five star review. Thanks for the help.

    Plugin Author WPXPO

    (@wpxpo)

    5 years, 10 months ago

    Hi @jdvmih,

    Hope you are well. If you are still using our plugin and satisfied with the feature then give us a five-star review in the WordPress directory. As a new plugin developer, it helps us a lot.

    Thanks a lot.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile view post grid title layout’ is closed to new replies.