I’m creating a homepage in TD Composer. In the desktop header, there is a row with a background and then inner rows with text. https://imgur.com/a/aQa2Cvz (obviously there are two header menus in this screen capture. I’ve asked in a previous forum post how to remove the one I don’t want).
Then, in the mobile phone view, the text disappears. https://imgur.com/a/0Lawjwm I assume it slid down the page.
I’ve done more trial and error. In the mobile view, I found one line of text and reduced the font size and reduced the empty space above it. https://imgur.com/a/1Fi3jGj So, now one line of text appears in phone view.
But, the other line of text is no where to be found on the mobile view. No where.
Then, I go back to the desktop and see this. https://imgur.com/a/vjx2wt8 The text is moved over the top of the fellows face. That won’t look proper.
So, how does a person make this page work for desktop, tablet, and phone. And, look professional. As it is, we couldn’t go live with this.
The capability for a website to look good on all devices is essential.
Can TD Composer do this? What’s the solution?
Hi,
Please do not make more topic about the same problem!
Please check this topic -> https://forum.tagdiv.com/topic/header-and-menu/
Thank you for your understanding!
Hi,
Sorry, was may mistake, you were not referring to the header, you was referring to this text-> https://i.imgur.com/y4L7jGJ.jpg most of elements have individual option, but since I do not know what element you are using, I can recommend a general option that have all elements, the css tab, you can set a margin or padding on the text for each device in part like this -> https://i.imgur.com/tgd2pTo.png -> https://i.imgur.com/JYEAVFw.png -> https://i.imgur.com/S1TTaq9.png -> https://i.imgur.com/ilKDUpY.png you can try both of them to see which one is better for you.
Hope this will help you!
Thank you!