On this page http://dev.willtown.com/?page_id=25

In the Hero template I used, the text appears in the Desktop, but not in the phone view. On this page https://imgur.com/a/MsbSMpn It’s the second image down the page.

There is no margin or padding added in the CSS for the phone view. And, The title text color is set to white.

If you’re going to make a recommendation, make sure it works. And, where’s the green box of text for the second line?

How many times do we have to go back and forth? This is laughably bad.

I tried Hero. In the element or cloud template I have for Hero. There is no First text or Second text. Just a Description.

Here’s the basic question. Can a cloud template with appropriate elements make the Header image and text look exactly as I had in this design https://imgur.com/a/MsbSMpn – and be responsive and look properly in both desktop and phone.

I’m assuming it can’t. And, if it could, why haven’t you provided a thorough explanation? Why??

One more time. I want to create the header image and text we’ve reviewed several times. https://imgur.com/a/MsbSMpn This needs to look properly in desktop and phone.

How is this accomplished? This is a very simple header image and text.

Yes, you recommended Hero. From what I know about it, it looks like it doesn’t do everything needed.

I DON’T HAVE TIME FOR TRIAL AND ERROR.

How do I create that header image and text to exactly as it is and have it be responsive and look right in desktop and phone??????????????

I’ve started to tell some friends how ridiculous your “support” is. You have little to no documentation, and you can’t provide adequate insight how to use your TD Composer.

This is a comedy show.

Great. Where would that information have been available? Is that explained anywhere on your site?

Which cloud element can create the header image with text that we’ve been messaging about?

For you to essentially say, “pick a cloud template” doesn’t help because I have no idea which one is the best choice for my header design. And, have no idea which ones are responsive.

I tried Hero. How does it accommodate a background image with 2 lines of text and one line inside of the colored box (and responsive)? That’s an incredible simple design.

I reviewed all of the Hero’s settings. Which ones do I use? Should I waste more time with trial and error?

Show me which template. Show me the settings to use. I know some already, but when I’ve made setting changes on other elements, the element or row changed unpredictably.

Making this very simple header image and text design could take days. When it should only take hours. This has been a huge waste of time.

You didn’t answer any of the second question.

“You suggested the Hero element. On this page I’ve tried that. It’s the second image down the page (in desktop). How do I make the Hero element look like the top image with text and the green box with text? And, in the phone view, it doesn’t have text. Isn’t that the point of responsive elements? Where’s the text in phone view? How can I put the green and text in the Hero element in both views – desktop and phone?”

This back and forth has taken forever. For your support to be effective, you have to answer questions COMPLETELY. I’ve been really patient about this. And, it’s become a waste of time. I purchased 4 licenses of your themes. Your “support” is driving me to purchase themes from someone else.

I’ve asked specific questions and they’re never ever never ever never ever answered. How many times does it take?

I’ve asked simple questions like, in a background image, what do the settings Cover, Contain, Repeat, and No Repeat do, related to what I’m trying to do? Guess what, no answer was provided (this is on another thread). And, this is just an example.

I just don’t have time to exchange messages and get no answers. Would you? Would you want to send messages and get no answers? Would you?

In this thread you went from suggesting Hero to Image box. How do either one of these accommodate what I want do with text on the top of an image?

Here’s what I want to do. In the header image, there are two lines of text. The bottom line of text is in a green box. This needs to look consistent in both desktop and phone views. Then, the next element below that row and background image needs to be spaced properly (maybe 30 to 50px).

Seriously, how difficult is this? This should be really really easy. And yes, I’m not a developer. But, you folks have minimal documentation. This support forum serves as your documentation.

Can you provide a complete answer and solution? My guess is you’ll refer me to your email address and waste another day of my time.

Empty space is an element in TD Composer. Your answer was related to margin.

So, the element empty space can’t be controlled for each viewport? Correct?

But, supposedly margin can?

This the page I’m working with http://dev.willtown.com/?page_id=25

I’ll reply to your previous message.

You have now set 480px padding bottom on one element , if this is removed then everything is look normal -> https://i.imgur.com/IxXRxgM.png

It may look more “normal” in the phone view, but it messes up the spacing in the desktop view. You have to check both. Because when you change one, the other changes.

If I’m right you want to use an image with text over, for this you can use the hero element -> https://i.imgur.com/Cn1n3qN.png remove the description and the text from buttons -> https://i.imgur.com/2N9Rdgf.png also you can remove the color to -> https://i.imgur.com/TfxkQYv.png -> https://i.imgur.com/JYBuwOK.png and this will look good on mobile too -> https://i.imgur.com/tzZ3MKa.png

You suggested the Hero element. On this page I’ve tried that. It’s the second image down the page. How do I make the Hero element look like the top image with text and the green box with text? And, in the phone view, it doesn’t have text. Isn’t that the point of responsive elements? Where’s the text in phone view? How can I put the green and text in the Hero element in both views – desktop and phone?

So, the the text size can be controlled in each viewport.

What about the empty space size in each view port?

http://dev.willtown.com/?page_id=25

I believe the answer is related to which elements in TD Composer are responsive. I’m trying to create a page that looks good in both desktop and phone views. What looks good in desktop does not look right in phone view. Yes, I’ve used the same line previously.

I can’t understand why this is so difficult. Either I don’t comprehend how to do it (which is very possible) or TD Composer’s capability in this area is weak – which in today’s world would be hard to believe.

So, look at the header image and text in desktop. Then, tell me what TD Composer element will serve to create the same appearance in both desktop and phone. As it is now, the desktop view and the phone view look different. I want them to look the same.

Then below that header image is some large text. Is there an element where that is scaled for phone view. Please don’t say just “yes”. I need to know what elements do that for just a text element like that line of text.

Is there no tutorial to help theme buyers create pages in TD Composer that do this? Isn’t this a super basic capability?

No, my question above is not about the same issue.

The other question you referred to is about headers.

This question is about desktop vs. mobile phone.

What do we need to do to have you answer the question so this can be resolved?

I don’t understand your answer. I’m creating a page in TD Composer with rows and inline text or other text elements – not blocks or post loops or whatever.

When the homepage is created, there is text in larger fonts for titles. These same titles would be too large to look good on a phone.

How do I get text to appear the proper size in both desktop and mobile. Because what looks good on the desktop does not look good on the phone.

And, please don’t tell me that some elements are responsive and some aren’t. Which ones?

Using your TD Composer, how are pages created to look proper in both desktop and phone. This capability is essential for a modern website.

Please please provide a thorough explanation.

This capability is so basic.

That was a great answer. Thanks.

You didn’t answer all the questions and your example does not offer a thorough visual example.

One more time.

How will this element work for mobile? Will the text wrap properly? You didn’t show that. There is no text wrap in your example.

Does the text and/or icons scale for the mobile display or is it the same size as on the desktop? Again no answer.

It’s taking days to answer questions that should take hours. And yes, I know that you’re 6 hours ahead of us.

I’ve followed your instructions and screenshots. From my perspective, it looks like I’ve done the right things.

But, I wouldn’t doubt I’ve something wrong. What is that? How do we find out?

As we both know there is very little documentation or tutorials for TD Composer

How do find out what I’ve done wrong? This is taking days, when it should take hours.

At this rate, I’ll be asking you 20 questions a day.

Is TD Composer actually a decent webpage builder? Maybe, if there was documentation. This is super frustrating.

Vlad please have someone else answer my questions. Thanks.

Alright, so I was poking around the page, I found that to delete the header menu, I had to open Manager and select no header. Is that documented anywhere?

So, I’m setting up a header with a main menu and logo in desktop view. It looks fine in desktop. When I view it on the mobile phone view the menu elements look misaligned. How I get the main menu in mobile phone view to move to the burger menu? Is that documented anywhere?

I’m using TD Composer. I want to have a header with a logo on the left margin and the menu links centered.

I go into your Manager. When the box opens it says Website Manager at the top. In the box it says Header and below that choose header template. Header Template 15 appears in the drop down menu along with Global Template and No header.

So, I select Header Template 15. And, a header with main menu links appears near the top of the website page. But, there’s no logo. So, how is the logo included in the header of this Manager function?

Then, in the view for mobile header, the Newspaper name appears where the logo should appear. How is that changed?

Is there any documentation or clear directions for the use of this Manager function?

I should clarify, the only plugins other than Tagdiv plugins are AMP and Yoast.

The only plugins activated are AMP and Yoast.

Here’s what the header image and text looks like in TD Composer https://imgur.com/a/zWrtEYE When it’s saved and viewed in desktop https://imgur.com/a/UfjLW2Q

Shouldn’t these look the same? To have the saved and viewed header look correctly, I have to adjust things in TD Composer that make it look strange.

Then, here’s the header in a mobile width. https://imgur.com/a/PL7QH5f The text gets pushed off the page.

What am I doing wrong in both of these cases?

All I want is a header image with text that appears properly in desktop display and in mobile (phone) display. That capability is very common in nearly all themes today. I assume you have that.

How can this be done?

I have no idea how things changed, but the text and the background work fine now.

Thanks,

Do you folks have a place where an explanation of these settings are provided? In Row > CSS?

There is a Background Style setting. In it there is Cover, Contain, No repeat, and Repeat. Is there an explanation for those? Some are obvious. Some are not. How will those settings affect the the width of the image displayed?

Secondly, In Row > General > Row stretch what do the settings mean? Some seem obvious. And, some don’t.

Thanks,

Alright, now I understand. The values for font sizes need to be entered. I thought the font size would be in a drop down menu.

Thanks. That was easy.

The background is blue and the text is white. I also tried several other colors. The background covers the text color. The text cannot be seen.

And yes, I can’t figure why. It makes no sense.

When the background color is cleared, the text appears.