Card in Slide Container not fitting in mobile view

Support
#1

I am having issues with my cards in my slide container. I am using them as a FAQ section for customers to scroll through and flip for an answer. I want the card to fit the who screen and still allow the slide navigation to rest on top of the card within the slide and allow for more of the card to fit the screen and not look so tall and difficult to read.

Any help is appreciated.

Best Regards,
Stephanie

#2

Hi Stephanie,

Thank you for reaching out to us, To make your Cards better in mobile view, I turned off the Global Container of the FAQ section and then added the following code in the element CSS:

@media screen and (max-width: 767px) {
  $el .x-slide {
    padding: 0 10px;
	}
}

You can adjust the padding value as you need. Please note that the code provided above serves as a guide only and is to help you in getting started. If you would like further help with customizations like this or 3rd party plugins, I’d encourage you to subscribe to our One service.

Hope this helps!

#3

Thank you so very much! That is perfect. I will keep the global container in mind next time when I am making adjustments to the mobile view.

#4

You’re welcome, Stephanie.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.