Adding a responsive horizontal line to go above the site title and the primary navigation?
-
How would I do that? Thanks
-
being my header and navigation fixed the rule/line would have to be fixed and be present as a part of the header at all stages of the website.
-
Hey plateau,
you can do that by custom CSS probably. Can you provide a link to your page?
All the best!
Marius
-
Hi Marius, you mean like a border top of the navigation spanned 100%
across the width of the site? my site is oreste.design -
Hey plateau!
Ok, I see the problem you are facing.
If you put a div box into the custom HTML section it does not get the responsiveness.I would work with a little cheat.
I see that in the gridder you made a special box which will be styled with the class lay-hr.
I would do a second box, right above it and give it the class lay-hr-top.
Then use:
.lay-hr-top : { margin-top: -200px; border-top: 1px solid black; }
I did not test the code, so maybe the 200px are too much. Maybe you also have to give the box a height.
Another solution would be to create a line in the custom HTML section, right beneath the body tag and use jQuery to always synchronise the width with the width of the gridder.
But I would go for the first option – even though it is not a very clean solution.
I hope that helped!
Best!
Marius
I don't answer or check forum DMs, please just post on the forum.
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it