I’m porting a site in Word Press, using Site Origin Editor, but I’m not been able to reproduce this page http://www.ipase.it/funzioni.html in a responsive way; there are 2 columns and, for each, 4 other columns (icon + written + icon + icon (sometime this)); what I would like to obtain is: in the main column, keep the 4 field in the same line also when I watch it on a mobile. Yes, if I put the 4 field in the same Widget, I have it, but it’s impossible to have Always the same distance between the written and images; in other words, doesn’t exist an helpful “Tab” to separate them?
More column responsive
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Stecco,
That’s an extremely tricky layout to make responsive. Could you tell me how you would like to degrade so I can get an idea how of how it should look?
You might be better off just setting up a text widget and placing each column row in its own widget. I know that sounds odd but making that page responsive is a massive handful.
Alex,
this is the best way that I would like to see it on mobile.
Hi Stecco,
Could you please send me an export for what you’ve done so far? To do this open up the page with the widget, and click prebuilt layouts. Then click import / export and then click download. Please upload the export to a 3rd party file hosting site such as teknik.io.
I’ll be able to give you a hand with setting this up like the image on the weekend.
Alex,
thank you very much. but it is not so easy, for me, to do that.
If you write to my email (Private Snippet), if possible, I will send you the password to enter directly in my Word Press installation. For me, is not a problem.
Thanks again!
This is a private message.
This is a private message.
Alex,
take your time. All the time that you need; also a week.
I am in Italy, and now is 11 PM.
Thanks again.
Hi Stecco,
So I’ve pretty much finished. I just need to add some CSS. Could you please install this plugin?
Alex,
done.
Hi Stecco,
How’s that?
Alex,
do I have to try it?
Hi Stecco,
I mean it’s up to you but if you can’t see it you can’t rally get a feel for it.
Alex,
I did try; but it is like before.
We are speacking about this page: http://test.ipase.com/?page_id=40
Anyway, I don’t want you loose more time; it’s not so important; I asked because that is the only page that I am not been able to “responsivize”.
Thanks Alex!!!
Hi Stecco,
Oh, it should be noted that I previously only did one row. I’ve set up a full layout. Please note that I set it up for mobile so you might need to adjust it slightly to get it really working with the desktop.
Alex,
I did try also on my mobile, but unfortunately I stopped my view after the first lines, because it filled like on the desktop; instead, after that, it is really as I asked! So, now I try to arrange it (hope to be able) and I will keep you informed.
Very interesting job!
Thanks,
Paolo
Hi Stecco,
Awesome. Let me know how it goes. :)
There are only 2 problems:
– if I want that the tooltip icon is always on the left, also when there is only one icon, I have to align it on the left; I have done that and it is OK; but the space is too large, compared with the space of the text; so, I changed the 2 column size (80% and 20%), but, the result is the same! Why?
– the first icon is a tooltip icon (you can check in the actual website http://www.ipase.it/funzioni.html; if go up with the cursor); here, if I write the text of the tooltip, the icon become smaller. Why?