Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 20, 2020 at 5:25 am #1261710
    sershad

    Hi everyone, Could you kindly let me know on the following:

    1. Could you help me have Accordian Slider stacked on top of each other on Mobile devices? (Like Grid Row)

    I added this css although it overlaps with footer and only one slide shows on desktop. Screenshots attached in link below.

    @media only screen and (max-width: 768px) {
    #top .aviaccordion {
    max-height: 100% !important;
    position: initial;
    }}
    #top .aviaccordion-slide {
    position: initial ;
    }

    2. Is there a way to add box shadow shadow to grid row cells on each cell?

    Thank you in advance.

    November 20, 2020 at 3:51 pm #1261801
    sershad

    Hi, could I kindly receive a response to above at your convenience please?

    Thank you in advance.

    November 20, 2020 at 3:52 pm #1261806
    sershad

    Hi, could anyone kindly help with above question?

    November 21, 2020 at 6:26 am #1261893
    Rikard

    Hi,

    Thanks for the screenshot, I’m not sure which one is relevant in that folder though. Could link directly to it please? Also please post a link to where we can see the actual element in question.

    Best regards,
    Rikard

    November 21, 2020 at 6:34 am #1261896
    sershad
    This reply has been marked as private.
    November 23, 2020 at 2:09 pm #1262373
    Yigit

    Hey,

    Please do not create duplicated threads and please ask a question per thread so it does not get confusing :)

    1- I replied here – https://kriesi.at/support/topic/partner-logo-on-mobile/

    2- Please add following code to Quick CSS 

    #top .avia-logo-element-container .slide-entry {
    display: block;
    width: left;
}
#top.page-id-16071 .avia-content-slider-inner {
    height: auto !important;
}

    You have following code in both Customize > Additional CSS and Quick CSS fields

    @media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .slide-entry {
    margin-left: 0 !important;
    width: 100% !important;
    clear: none !important;
    margin-top: -45px !important;
    margin-bottom: -5px !important;
  }
}

@media only screen and (max-width: 464px) {
  .responsive #top #wrap_all .slide-entry {
    margin-left: 0 !important;
    width: 100% !important;
    clear: none !important;
    margin-top: -60px !important;
    margin-bottom: -50px !important;
  }
}

    You may need to adjust your custom CSS.

    3- Please edit your Grid Row element and give it a unique ID (“shadow-cell” in example below) and then add following code to bottom of Quick CSS field and adjust it as needed 

    #shadow-cell .flex_cell_inner {
    box-shadow: 10px 10px 10px #888;
}

    4- Please refer to this post – https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts and upload it in Enfold theme options. I cannot see Century Gothic font on any browser :)

    Regards,
    Yigit

    November 23, 2020 at 3:55 pm #1262421
    sershad

    Thank-you Yigit.

    For item #2, I’ve added your code to quick CSS Code. Didn’t make a difference.

    Can’t seem to find the the CSS Code you mentioned above.

    Could you kindly help resolve #2 above to show 5 partner logo images at once vertically and then slide to next 5 partner logo images ?

    This is the last item and we can close off this ticket.

    And I will absolutely will not be creating duplicate tickets.

    Thank you Yigit.

    November 29, 2020 at 11:14 pm #1263835
    Mike

    Hi,
    Sorry for the late reply and thanks for the login, as I understand your issue, you want to “to show 5 partner logo images at once vertically and then slide to next 5 partner logo images”
    I looked at your partner logo element and found that there were only 4 so I changed the setting to show 5, on mobile they line up as you wish. Please clear your browser cache and check.

    Best regards,
    Mike

    November 30, 2020 at 2:51 am #1263850
    sershad

    Thank-you Mike for your help. I had four to ensure each rotation had four partner logos. All good though, I’ll add more.

    Greatly appreciate it and have a wonderful and safe holidays.

    November 30, 2020 at 1:11 pm #1263954
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Accordion Slider On Mobile and Grid Row Box Shadow’ is closed to new replies.