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

Removing the ‘fold’ dividing line between menu and page

By Dave Kirkwood, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

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. 9 years, 4 months 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. 9 years, 4 months 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. 9 years, 4 months 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. 9 years, 4 months ago Dave Kirkwood

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

  5. 9 years, 4 months ago Richard Sanderson

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

    • 9 years, 4 months ago Andrew Misplon
      Hi, I Work Here

      Nice one! Thanks Richard :)

  6. 9 years, 4 months 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. 9 years, 4 months ago Dave Kirkwood

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

  8. 9 years, 4 months 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. 9 years, 4 months 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. 9 years, 4 months 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. 9 years, 4 months ago Dave Kirkwood

    Perfect. Thank you guys.

    D

  12. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    For sure, glad that helped.

    Thanks Richard.

    All the best.

  13. 9 years, 4 months 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. 9 years, 4 months 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