-
Posts
-
Hello,
Getting the page linked in the private box has been a battle. When I first designed it, I had each group of content in one 1/3 sized cell. However I found that it didn’t align the way I wanted it to vertically. For example, one “Learn More” button would be lower depending on the amount of text above the button.Now I have it designed so that there are more cells and I like the way it looks on a desktop computer. However, when looking at it on a mobile device or tablet, the order in which the images, buttons and text gets displayed doesn’t correlate to the way that it looks on a page.
My sense is that there’s probably a better way to approach the design of this page if I want to have a what on the surface looks like 3 columns and two rows.
Thoughts??
Thanks,
Tim
Hi Tim,
I see your problem, I think it’s due to the image/text/button are not in the same 1/3 element? If that is the case then please try adding them to the same element, then it should display as it should. If that is not the case then please post admin login details in private so that we can have a closer look.
Best regards,
RikardHI Rikard,
I just made that change, which is actually how I had originally created the page. The problem now is that I haven’t come up with a way to force the alignment to be such that the buttons are in the same horizontal row. Note the shift slightly up or down depending on how much text is in the description above the button.I’m sure there’s an approach that would improve this.
Best regards,
Tim
I’ve updated this page again. I ultimately cheated a bit by adding an invisible separator to the columns where the button is higher than I would like within the element.
That said, for me the ultimate solution would be that that the text box with paragraph text could be a fixed size so that the button would be where I wanted it to be.
Thanks,
TimHi Tim,
In a perfect world that would work, but it would require the button element to be in a fixed position. That means it would overlap text if too much was added, and be too far away from the text if not enough was added. I think your solution is the best way to do it to be honest.
Best regards,
Rikard
- You must be logged in to reply to this topic.