Tagged: mobile page, social icons
Hi guys,
If you take look on the following page than you can see that the Facebook en Instagram icon below the page are distanced far from each other. I want them to be more closer to each other. At the moment every icon has its column, but I don’t know if it is the right way to do it.
On mobile they are also below each other. I want them to stay beside each other. Hoe can I realize these two things.
Hey AlfredoS,
That is because you have them in layout elements like a 1/5 or similar, you would need to have them outside of elements like that if you want them inline on mobile devices. You could add a section specific for mobile with a different layout/design and hide/show the appropriate section for mobile device using the visibility option in the element option if you like.
Best regards,
Rikard
Hi Rikard,
Thank you for replying. I took them out of the columns element. But I do not onderstand the rest of your answer. :-( What kind of specific sectie for mobile could I add? And where? I don’t onderstaand yet how to achieve it.
Hi,
You can add an additional section which you will only show for a specific screen size. In this case that would be for mobile, so add a new Color Section element and create the layout out want for that size, then hide the Color Section for all other screen sizes in the element options. Could you try that out please?
Best regards,
Rikard