-
Posts
-
we created a column (under words “Percorsi individuali”) with an absolute layout on a page and told it that on mobile it should wrap. We specify that we have assigned a specific class to the block to be able to insert this custom CSS rule.
we send you the link privately could you help us verify why it is not responsive on mobile and tablet? Which setting should we fix? Thank you very much
.six-icons .icon-left {
width: 48%;
display: inline-block;
}
.six-icons .icon-right {
width: 48%;
float: right;
display: inline-block;
}Thank you for your support
Hey Elena,
I’m not sure I fully understand your intentions. Please post a screenshot of the problem, and let us know what you would like to change.
Best regards,
RikardI upload the screenshot of what happens to the non-responsive column I’m talking about… on the page I indicated services and I put the credentials in a field (I think private) so you can access the backend to check the settings of the element that doesn’t respect the responsiveness rules.
we would like the columns to be stacked one under the other when movinghttps://ibb.co/7JzBgLM Screen how it looks on desktop and how it looks on mobile
Thanks
Hi,
Thanks for that. So you want the CSS that you posted above to only apply on desktop?
Best regards,
Rikardyes it is a possible solution if that is what makes it unresponsive… How can I do it? By adding some code or with other settings on the block at the class level? I ask you for support here too thanks :)
Hi,
Please try adding your code in a media query instead:
@media only screen and (min-width: 990px) { your CSS goes here }Best regards,
Rikard
- You must be logged in to reply to this topic.