-
Posts
-
Hello support,
I am having a problem displaying the home screen on smartphones. I have a home with 4 colored bands and it was built with the 4 column element. On the PC the column are joined together while on the mobile they are spaced apart ( https://img.savvyify.com/image/Gpr5 ). I have also tried using the Grid Row element, this way the bands are joined as I would like but, it’s not good because it’s full screen. How can I solve the problem?
Private access dataHey Intercettazioni,
Thank you for the inquiry.
That is the default style of the columns on mobile view. You can remove the default margin below the columns by adding this code in the Quick CSS field.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive .home #wrap_all .flex_column { margin-bottom: 0px !important; } }You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
IsmaelThanks Ismael
it works, I take this opportunity to ask you how to show square images? The portfolio grid crops them out and shows them rectangular. Images are 500×500 px
I noticed that in the texts it doesn’t take double spacing between one paragraph and another, (I’m not an expert) I’ve always used the tag https://img.savvyify.com/image/GA8f but it doesn’t work here, what should I use?Hi,
Thank you for the update.
The portfolio grid crops them out and shows them rectangular. Images are 500×500 px
The Portfolio Grid element, by default, uses a thumbnail that is not square, but you can adjust this in the element’s Styling > Grid Settings > Portfolio Grid Image Size settings. Select the second option and choose the thumbnail size you prefer. The default size is 495x400px.
Best regards,
Ismael
- You must be logged in to reply to this topic.