Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Adding a responsive horizontal line to go above the site title and the primary navigation?

    General Discussion
    2
    5
    570
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • P
      plateau last edited by

      How would I do that? Thanks

      P 1 Reply Last reply Reply Quote 0
      • P
        plateau @plateau last edited by

        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.

        1 Reply Last reply Reply Quote 0
        • mariusjopen
          mariusjopen Global Moderator last edited by

          Hey plateau,

          you can do that by custom CSS probably. Can you provide a link to your page?

          All the best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply Reply Quote 0
          • P
            plateau last edited by plateau

            Hi Marius, you mean like a border top of the navigation spanned 100%
            across the width of the site? my site is oreste.design

            1 Reply Last reply Reply Quote 0
            • mariusjopen
              mariusjopen Global Moderator last edited by

              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

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              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

              Thanks!

              Online Users

              C
              L
              A
              M

              Recent Topics

              • T

                thumbnail grid categories fixed.

              • L

                BLEND MODE ON MOBILE

              • A

                A modal/pop up window displaying extra info

              • Carousel is not showing

              laytheme.com