How to Prevent Elements in a Section from Overlapping the Next Section Across Devices?

Hi,

How can I ensure that all elements within a section do not overlap with the section below?

For example, in the attached image, the red text box is part of the upper section (white background) and should have extra white space underneath it. This works in desktop view, but in laptop view, it's too close to the beige section below.

In other words, is there a way to format each section's height so that all its elements (including spacers) stay within the section across all devices?

Thanks for your help!




Comments

  • Hi,

    Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

    Thanks

  • Hi,

    Here it is: http://52.49.60.2/tc/

    I've been trying to play around with custom section heights but it makes it very long and painful to have to readjust each device view every time I modify elements within a section. Again, I'd like to understand how to ensure all elements of a section remain inside their corresponding section no matter what. Thanks a whole lot!

  • Are there any extra steps to reproduce that?

    I checked your website with widths for laptop views, and it shows like this for me:

    Best regards

  • Thanks for getting back to me.

    I have been making more modifications since then but seeing your screenshots, it looks OK indeed. It didn't on mine and couldn't figure out why. Have you made any changes on your end?

  • No, I did not perform any actions. I only opened your website, and this is how it looked for me straight away.

    I checked it with Firefox and Chrome.


    Best regards

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.