-
Posts
-
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!
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,
IsmaelHi 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.
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.
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,
IsmaelHi 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
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,
IsmaelHi Ismael,
It resized the post slider but it made the whole desktop view morphed, please see below. Please advise!!
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
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,
IsmaelHi,
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,
IsmaelSorry, 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?
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
- You must be logged in to reply to this topic.