Home>Support>Removing the ‘fold’ dividing line between menu and page

Removing the ‘fold’ dividing line between menu and page

By Dave Kirkwood, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,
Is there a way to remove the 3 pixel horizontal dividing line between the menu and main page when both are white?

Many thanks,
D

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Dave

    Thanks for reaching out.

    If your site is live, please could you send through a link so we can take a look.

    Thanks

  2. 10 years, 1 month ago Dave Kirkwood

    Hi Andrew, thank you for your quick response.
    Here is the link. It’s very early days, working on it now.
    Cheers,
    Dave

    http://www.davekirkwood.com

  3. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Thanks. Not sure I’m seeing what you are. Below is what I see:

    Can you point me in the right direction?

  4. 10 years, 1 month ago Dave Kirkwood

    I don’t know how to post an image here?

  5. 10 years, 1 month ago Richard Sanderson

    Think Dave is referring to the 3 pixel line that comes below the top menu when you scroll the page

    • 10 years, 1 month ago Andrew Misplon
      Hi, I Work Here

      Nice one! Thanks Richard :)

  6. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    It’s a little technical.

    1. Upload it to your WordPress Media Library.
    2. View the image in the Media Library.
    3. Copy the right column URL to your clipboard.
    4. Insert it here using an IMG tag:

    http://www.w3schools.com/tags/tag_img.asp

    Or at step three, just send that link.

  7. 10 years, 1 month ago Dave Kirkwood

    http://www.davekirkwood.com/wp-content/uploads/2015/05/Screen-Shot-2015-05-19-at-20.33.07.png

  8. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Thanks.

    Please try the following at Appearance > Custom CSS:

    /* Navigation */

.main-navigation.sticky {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
  9. 10 years, 1 month ago Richard Sanderson

    Try – style.css line 932

    .main-navigation.sticky {
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15);

    removing this removes the fold line

  10. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    That’s the one!

    (Let’s rather do it Appearance > Custom CSS to avoid losing the change the next time we update Vantage.)

  11. 10 years, 1 month ago Dave Kirkwood

    Perfect. Thank you guys.

    D

  12. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    For sure, glad that helped.

    Thanks Richard.

    All the best.

  13. 10 years, 1 month ago Dave Kirkwood

    And thank you for recommending Jetpack to another user on another thread – saved me a lot of looking. Loving your quick responses and ‘can do’ attitude guys. All the best.
    D

  14. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Awesome, glad to hear a few of those Jetpack modules were useful for your site.

    Thanks for your support. Chat soon :) Cheers.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More