Featured Post Slider Caption Not Displaying Properly On Mobile

  • Author
    Posts
  • #121914

    I setup the featured post caption as per instructions and whilst it works fine on desktop when you view on mobile its not resizing the featured posts properly and cutting off the caption and a little bit of of the picture itself. The restofthe content on the homepage resizes fine?

    Help?!

    https://atouchofenergywithjulieg.com

    View on mobile and you will see the text being cut off at the top on the featured post slider.

    The blog I need help with is atouchofenergyblog.wordpress.com.

    #122054

    rezzap
    Staff

    Hello!

    It looks like we have the same issue in the demo site so I have notified our developers to push an update that will fix this issue. You’ll get the update automatically when it’s launched.

    Thanks!

    Rebecca

    #122108

    Hi Rebecca

    Do you have any idea when this update will land as obviously it’s not ideal and nowadays mobile viewing makes up a huge percentage of hits on a website so would like to get it working ASAP?

    Thank you.

    #122112

    rezzap
    Staff

    Hello!

    I’ve noted it with them, so hopefully we can get that fixed soon. I’ll write an update to try and speed it up.

    Thanks!

    Rebecca

    #122120

    Thanks Rebecca, will keep the eyes peeled.

    Will I have to choose “update the theme” on the backend when it comes through or will I literally have to do nothing and it will just work?

    #122125

    rezzap
    Staff

    It should just come through. I didn’t realize you had the Custom CSS add-on so you can also try just adding this to solve it in the meantime:

    @media handheld, only screen and (max-width: 1023px) {
        .slideshow .information {
            left: 50%;
        }
    }

    That should help for now. :)

    Cheers,

    Rebecca

    #122130

    Hi Rebecca

    I tried that and didn’t make a different on mobile. The featured texts and images are still getting cut off on mobile?

    When the update is made can the featured post text align left in line with the rest of the text and blog title and copy etc.

    #122160

    rezzap
    Staff

    Hello,

    I’m not seeing that CSS added. Can you add it in again so I can see why it isn’t working?

    Your images will still need to be resizing, even with an update. But the intension is to align the text left with the rest of the copy.

    Thanks!
    Rebecca

    #122186

    Hi Rebecca

    The featured images are the size of the recommended feature post size from the documentation? They are then put in the blog when written, the feature slider then shows.

    What size should they be for the feature slider?

    What size should they be for a featured blog post?

    I have put the css back in and it worked but doesn’t align very nicely and looks a bit funny as its not to the left aligned.

    #122204

    rezzap
    Staff

    Hello!

    Try changing the 50% to 37%, that should help. :)

    For the images, you could use 2400x960px. This should give you better display for the slider. For the blog posts you could use 1800x1000px. It really depends on the proportion you are trying to achieve. This will give you the same look as the demo site.

    Make sure you adjust the image size before you upload.

    Thanks!
    Rebecca

    #122209

    Great thanks for both these :) Look forward to the update and thank you :)

    #122211

    rezzap
    Staff

    You’re welcome! :)

The topic ‘Featured Post Slider Caption Not Displaying Properly On Mobile’ is closed to new replies.