-
Posts
-
Hello!
I haven’t been able to figure out how to fix why our buttons look like this on a tablet sized screen::
From what I could understand by looking at the html is that since this is organized into four columns the two empty spaces are the other columns. It would look funny if there two large spaces on the bottom anyhow. Does anybody know how to centre this?I haven’t made any custom css in relation to this. You can see this for yourself at flfe.net by adjusting the screen to tablet size. I have noted that other configurations of columns (five columns, four columns with different widths) do not run into this issue with the staggering of buttons Only this one.
Thank you in advance!
Hey flfeadmin,
Your screenshot is not working so I’m not sure what you referring to, could you upload it to somewhere where it’s publicly accessible please?
Best regards,
RikardHey Rikard,
Here it is:
https://www.flfe.net/wp-content/uploads/2019/10/Annotation-2019-10-02-103128.jpg
It starts at ~763px – ~969px.
Thanks for looking into this.
Hi,
Thanks for that. It’s happening because you have empty 1/4 elements at the start and end of that row. Maybe you could create a new section and use 1/2 elements instead? You can hide/show the correct section for the corresponding screen resolution in the Screen Options tab in the element options.
Best regards,
RikardHey Rikkard,
Thank you for your suggestion. After a couple media queries it definitely worked. Thank you very much. I appreciate all your help.
Cheers,
Max
- You must be logged in to reply to this topic.