Menu scroll help needed please.

Hey guys

I’m making a website using WordPress (Rocked theme) and SiteOrigin Page Builder.

http://boutiquenailsplymouth.co.uk/

It’s supposed to be a one page website. I’m happy with most of what I’ve done so far, and have used the panel html (#panel ?-?-?-?) method to make sure that each link in the menu scrolls down to the corresponding section of the site.

But the main problem is, as much as I want the Menu to be a sticky one (so that it stays with me wherever I navigate around the site), it was covering some of each section when I scroll down to it.

I have been suggested to use the following code in the page’s CSS section:

.panel-grid-cell .widget-title {
padding-top: 180px;
}

But the 2 problems I’ve been getting is that it doesn’t scroll down correctly the first time, but does so after that. And also the Contact link doesn’t seem to work properly.

Can anyone suggest the best solution for me to overcome this please?

Also if there are any other major problems with the site, be free to let me know.

Many thanks in advance.