Rows are overlapping - Post ID 268704

User 2319572 Photo


Registered User
8 posts

I just started working with Bootstrap Builder. I modified one of the templates. My problem is that the top row which is the navigation row is overlapping with the next row. The text of the following row is beneath navigation row. I would like to make the navigation row floating so that it is visible as people scroll through the website. What am I doing wrong?
User 122279 Photo


Senior Advisor
14,450 posts

Which template, and how did you modify it? The best would be if you could let us have a look at your project file.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2319572 Photo


Registered User
8 posts

Would you need the .rbb file?

steffen
User 122279 Photo


Senior Advisor
14,450 posts

Well, if it happens to be the 'Coast' template, set the subgrid column which holds the menu, to position fixed. Also, give it some z-index value, 1 might be enough, or increase it if something else covers it.
Then move to the subgrid column below, the one with the class of 'intro-column', and give it ample top margin until the header text comes clear of the menu. You may have to adjust that top margin at each break point upwards.
That should be it.

I haven't tried other templates, so if you're still having problems, you need to zip up the .rbb file and post it here, or pop it into your drop box and let us have the link.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2319572 Photo


Registered User
8 posts

Inger:

Thanks for the response. I will give it a try.

Steffen

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.