-
AuthorPosts
-
September 22, 2020 at 2:00 pm #1247623
Hello,
I have a problem with this page in the mobile version:The first part where there are all the photos and they are single columns and they work well.
The problem is when you click on the “read more” under the photos.
in the desk version a pop with two columns opens.
In the mobile version I would like to open the popup but to only one column.
For the desk version I created a colored section and assigned an ID. In the color section I entered Responsitive only for “Large screen” and “medium screen”
https://monosnap.com/file/mBcpXyDgmGmDfCmSkdPSLuW3Gx7ZZQ and https://monosnap.com/file/c5kPIFwqCaUlI60yrB6PgRlWFpXvczFor the mobile version I created I created a new color section and I assigned the same ID but inside there are no columns, only objects.
The color section I have inserted Responsitive only for “small screen” and “very small screen”.
https://monosnap.com/file/6v7j8A3beSgCeCPJ9llbYExzvo9kwV and https://monosnap.com/file/14fz1AP5bF6Aq7iOTiZNm9o5YUWWsBThe problem is that both from desk and from mobile I always see the desk version.
I am attaching photos to make you understand better.
I leave you the accesses to enter the site.
You will find on page two “color section” for each coach.
I did the test only on “Elena”.Thank you for your support,
ManuelaSeptember 25, 2020 at 3:28 pm #1248460Hey Manuela,
Thank you for the inquiry.
We could adjust the width of the columns inside the mfp-content or lightbox container to 100% so that they are all full width or would inherit the width of the lightbox container. Please try this css code in the Quick CSS field or the child theme’s style.css file.
.mfp-content .flex_column { width: 100% !important; }
Best regards,
IsmaelSeptember 26, 2020 at 10:08 pm #1248722Hi,
yes this code works,
Thank you for your support.
ManuelaSeptember 27, 2020 at 6:52 pm #1248845Hi famarinu,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaSeptember 28, 2020 at 8:29 pm #1249169Hi,
I come back because I have the problem in the same page with the mobile version.
This is setting for mobile version: https://monosnap.com/file/2MtjWfVpYxa1efFvYdRrpbIY19CS8B
This is setting for desk version: https://monosnap.com/file/F99866kbTs6mvhvOlLNZtUkpbBxuUp
But in desk and mobile version there is a image: https://monosnap.com/file/Pxur8ZsSKdwNFYXUfWLhER9Mzgn0SL and https://monosnap.com/file/Vvud16fdrpzIsOnGVIKlrUKBoZTjVYWhat I can solve this problem?
Thank you for your support,
ManuelaOctober 1, 2020 at 6:04 am #1249805 -
AuthorPosts
- You must be logged in to reply to this topic.