Hi Andy . . . Thanks for getting back to me on this!

In a nutshell, the problem is that the page elements themselves seem to be responsive, but the text size within the box is not.The text boxes themselves, within layout elements of a set width–1 col., 2 col, etc.–remain at that width when screen size or resolution changes.

But the text itself does not readjust in size to maintain the depth of the text box, and that is what is screwing up my site. If you set sizes on the desktop screen, when others look at it on their laptop at a lower resolution, the text is huge and pushes other element down and off the bottom of the screen. Design for proper proportions on the desktop screen, and when viewed on the desktop screen the elements scrunch together to the point where where the headline below the slider actually goes partially behind the slider.

I have included screenshots links in Dropbox in the private info area so you can see the problem. Thank you so much for your help!

Dave

Hi Ismael . . . At the URL I provided above, I have cleared all styles in the main text block that begins “Jaeger and Flynn Associates is committed . . . ” and then set the font size at default, as you suggest. But when I preview the page, the problem persists and the text is still not responsive. At 1366×678 the type is the same depth as the slider at right, but at 1920×1024 it still shrinks so that it is only about half the depth of the slider.

Also, when I look further at Yigit’s suggestions above, I find that the code he includes above already seems to be in my functions.php file:

/*
* add option to edit elements via css class
*/
// add_theme_support(‘avia_template_builder_custom_css’);

I did not add this code . . . Did Yigit? Also I find this mystifying, since I see no extra Custom CSS class option in the pop-up menu for my text element.

Dave

Thanks so much for the response! Forgive me if I’m really nervous about messing with the functions.php file. I know very little about code.

To activate the custom css class field, do I just add this line of text to the bottom of all the other text in this php file? Or does it need to be plugged in at some specific place?

Also, would I then need to add a shortcode to every text layout element in order to make that particular element responsive? Or would this procedure you are describing make all text on the site responsive across various screen resolutions?

Thanks . . . Dave

WONDERFUL! You guys are incredible and have just made me look VERY good for my boss!

Kriesi Support ROCKS!

Follow up to my earlier message . . .

It works very well, except that the popup submenu text comes up way too small. . . . . . I am assuming the 32pt font size cited in the CSS you included above refers to the main submenu text size. But there is no numerical value included for the popup SUBMENU text size. Is there a way for me to control the size of the popup nested submenu text? Is this CSS just telling the page to pull the the type size from another setting that I could go adjust in the control panels?

Is the smaller font size in the dropdown adjustable? The CSS you gave me works great but the dropdown type is way too small.

Thank you!
Dave

Thank you, Sir! I will give it a try and see what we get.

Thanks for your response, Vinay . . . I’m not using any custom styles for these elements. They are totally stock layout and content elements dragged from the builder menu. Also no changes to the heading styles. The only vaguely unusual items are using some spacers with negative values to close up horizontal open spaces between the slider/color section, the heading, and the full width submenu. But the popup options menu for the separator seems to say it’s OK to do that, as it refers to being able to use negative values. But that seems to be the problem area. I insert a separator, program the values, then hit preview and it looks good. But after I actually update the page and look at it again, the whitespace has come back–or even gotten larger. I’ve checked the other adjustable custom margin elements to see if there might be a conflict there, but everything seems OK.

I went back in this morning and managed to get it to look the way I want–but I’m not sure exactly how. The spacer at the very top that I had deleted yesterday, had now re-appeared! So I deleted it again, the preview looked correct and consistent, so I updated the page and called it a day for any more experimentation on this page.

Everything else in the theme has worked flawlessly, as I expected it to when I chose Enfold for it’s large user base and thorough support. I’m wondering now if this might be more a problem with my Firefox browser than it is with the theme or WordPress. I don’t have any screen shots but if it does this again I will make sure to get plenty of them and send to you.

Thanks for the reply!

Yes, I see the full width submenu element. But there does not appear to be any way to use it within a smaller layout box (in this case, 1/3) or within a color section. When I try to drag it there it just won’t go. My three buttons are within 1/3 boxes, which themselves are within a large color section. I would need a menu to popup for each button and some way to configure the menus.

As for the thread link you include that provides the HTML, I appreciate it, but I don’t know much about HTML and have no idea what the functions.php file is or where it is on my machine. I was hoping for something that is executable through the layout builder.

Is there some way to do that with this HTML you have provided?

Can this HTML be added to the Quick CSS window under general styling for the theme?
Thanks.
Dave