Centric Main Page

[cyaris]

How can I make the solid color block on my centric based website (www.b2brandd.com) smaller, so that when you press the down arrow it doesn't by-pass the menu.

Thanks!

http://www.b2brandd.com

[Jeff]

I'm looking at your site and I'm not exactly sure what your referring to as the solid color block. I'm assuming you mean the header with your logo and social icons. Do you want that header smaller? Or, do you want the black menu bar lower so it's visible after clicking the down arrow?

[cyaris]

Thanks for the reply! I was referring to the black menu bar being visible after clicking the down arrow. Sorry, I wasn't clearer - one of my frozen brain moments.

[Jeff]

I think the easiest way would be to add an offset to the scrolling. You need to edit home.js in your theme's js folder.

Look for

$.localScroll({
duration: 750, (add the comma after the 750)
offset: -82 (add this line with no comma at the end)
});

The -82 refers to how many pixels from the top that the scroll should stop, in your case, this would be the height of the header which I think was 82 pixels. Hopefully that helps.

[cyaris]

THAT IS AWESOME!!!

Thank you so much for the help.

I actually used -95, so it covers people who are logged in, but this is great.

Again, thanks!

[Jeff]

Looks great! Glad I could help.

[Author]

Posts