Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #1334992

    Hi,

    The Post Slider appears to be different on my iPhone,

    It doesn’t seem to resize like how it is supposed to.

    Please help!

    #1335152

    Hey kazumakitajima,

    Thank you for the inquiry.

    We tried to access the site but it is asking for another password. Please provide the login details in the private field. Did you add any css modifications for the Blog Posts element?

    Best regards,
    Ismael

    #1335381

    Hi Ismael,

    Thank you for your response. No, I don’t think there is any. I’ve entered the password to view the page below. Thank you.

    #1335382

    Please please tell me what css to remove or add to make it resize properly.

    It may be just on iPhones because if I resize my browser to mimic phone screens, it shows properly like the screenshot. However, when I directly go on my iPhone and view the page, it shows incorrectly.

    #1335519

    Hi,

    Thank you for the update.

    Looks like you are using a plugin for the news page. It is not using the default Blog Posts element or posts template, which is why the posts are not resizing accordingly. What is the name of the plugin?

    This is part of the news plugin, which might give you an idea why it looks different.

    
    <div class="news-page-search-column-area">
    <div class="news-page-search-column">
            --- more html ---</div>
    </div>
    

    Best regards,
    Ismael

    #1335520

    Hi Ismael,

    I am not taking about the “News” page. But I am referring to the actual element from Enfold using the “Post Slider” on the page in the private below. Please advise. Thank you

    #1335521

    The password to view is the same as earlier. I put it below for your convenience. Thank you

    #1335568

    Hi,

    Thank you for the clarification.

    Looks like the style of the postslider element has changed a bit. To revert it back to the previous layout, try to use this css code.

    @media only screen and (max-width: 479px) {
    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
        margin-left: 0;
        clear: none;
        width: 48%;
        float: left;
        margin-right: 2%;
    }
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    #1335645

    Hi Ismael,

    It resized the post slider but it made the whole desktop view morphed, please see below. Please advise!!

    #1335723

    By morphed, I mean that the middle container became sort of resized to be very thin. However on mobile view it looked ok. Please advise

    #1335806

    Hi, following up.. thank you!

    #1335811

    Hi,

    Thank you for the update.

    It resized the post slider but it made the whole desktop view morphed,

    The css rule is inside a css media query (max-width: 479px) for mobile or smaller screens, so it should not have affected the desktop view. Are you sure that you copied it correctly? Did you add other css?

    Best regards,
    Ismael

    #1335827

    Yes I copied it correctly and only that css. Please advise

    #1335862

    Please help

    #1335960

    Hi,

    We cannot see any layout issues with that page. The blog posts element shown in the screenshot below (see private field) is set to have to 3 columns and it seems to be displaying as it should.

    Would you mind providing a screenshot of the actual section with the issue?

    Best regards,
    Ismael

    #1336092

    Sorry, I must’ve done something wrong because when I put it in now, it worked totally fine. It must’ve been updated? Not sure.

    However, there is no padding between the 2 (see screenshot in private). Could you help?

    #1336125

    Hi,

    Thank you for the screenshot.

    Adding this css code should add some space between the two post items.

    .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
        margin: 0;
        clear: both;
        margin-right: 2%;
    }
    

    Make sure to place the code inside this css media query.

    @media only screen and (max-width: 479px) {
      /* place the css here */
    }

    Best regards,
    Ismael

Viewing 17 posts - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.