Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 14, 2022 at 4:05 am #1376102
    navindesigns

    on my site https://mirettainteriors.com/residential-design-services – i am using the content slider for the section called “View Our Process”

    It looks great on desktop but on mobile, I only want one column instead of 4

    Thanks

    December 14, 2022 at 3:15 pm #1376153
    Yigit

    Hey,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
@media only screen and (max-width: 480px) { 
.responsive #top .avia-content-slider-element-container.av-lbn0b5he-07ee0683f0e575456fadb1c7c7649766 .slide-entry.flex_column {
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 10px !important;
}}

    Best regards,
    Yigit

    December 14, 2022 at 5:00 pm #1376199
    navindesigns

    Thanks but it is still stacking the 4 columns

    I only want to see one item/column on mobile with the arrows

    Thanks as always

    December 14, 2022 at 5:10 pm #1376201
    Yigit

    Hi,

    In that case, please duplicate your Content Slider element, edit duplicated element and choose to display 1 column and choose to display it only on mobile and edit your existing element and choose to hide it on mobile. I think that would be the simplest solution :)

    Best regards,
    Yigit

    December 14, 2022 at 5:12 pm #1376202
    navindesigns

    There is no way to do it with CSS? Maintenance might be that great with this method.

    December 14, 2022 at 5:21 pm #1376205
    Yigit

    Hi,

    Due to the structure of the element, unfortunately, no.

    Regards,
    Yigit

    December 15, 2022 at 5:51 pm #1376279
    navindesigns

    Ok thanks

    final question

    how can I make the column same height on desktop?

    screenshot – https://ibb.co/wrZ64b3

    the the white box should be the same height for all of them (even if there is empty space at the bottom on some of them)

    December 16, 2022 at 6:41 am #1376347
    Nikko

    Hi navindesigns,

    I tried to check on the link that you gave however it redirects to the homepage and I could not see the section shown in the screenshot.
    Can you give us the link?

    Best regards,
    Nikko

    December 19, 2022 at 2:34 am #1376646
    navindesigns

    Please see login info below

    Thanks

    December 21, 2022 at 7:50 pm #1377039
    Mike

    Hi,
    Thanks for your patience and the link to your site when I check on desktop all 3 are the same height, I assume that you have sorted this out, Please see the screenshot in the Private Content area. Shall we close this then?

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.