Thanks Rikard for looking at this.
I’m not sure what’s going on here. As today it worked in firefox for me, but when I loaded Chrome then it didn’t work… Then it started working again….

Have posted details in private area

Hi, this worked great, thank you.

As usual worked perfectly, thank you.

Hey Jordan and Ismael, thanks for the help.

We have certainly got much closer now.

When I add this

.container.av-logo-container {
    height: 65px !important;
}

The grey bar appears as posted above in the picture of my previous reply.

However by adding the code Ismael suggested and modifying the padding slightly, now the logo is displaying centered vertically on the main navigation which is great.

#top .logo img {
    top: 15px;
}

But when i add this code:

#top .header-scrolled .logo img {
    top: 2px;
    padding: 7px 0;
}

The logo is still shrinking when the navigation bar is scrolled, here is the login details to the site currently. Any idea how i can fix the scrolled logo so that it does not reduce in size like it is currently. My current style.css in my child theme has this code added, from this thread:

#top .logo img {
    top: 15px;
}

#top .header-scrolled .logo img {
    top: 2px;
    padding: 7px 0;
}

When the header is scrolled, I would like the logo to be centered vertically in the scrolled navbar and for the padding above the menu items to be equal at top and bottom like it is on the main header.

• This reply was modified 8 years, 4 months ago by spleeky.

Thank you Ismael i will try this in the next week or so once I have the rest of the site complete, and let you know how I got on!

Thanks as always for the excellent support.

Hi Josue,

Thank you for your efforts at resolving this. Unfortunately this has not had the desired result. The following screenshots that I have pasted in the private area, should I hope make the problem clearer.

• This reply was modified 8 years, 4 months ago by spleeky.

Thanks Rikard, have added the link in the private content area below.

Hi Yigit, you’re a true expert thanks for the help.

It’s working exactly as I asked thanks. One thing I’ve noticed now is when the sticky header kicks in, because there is no border like on the main menu between the colour end and the end of the menu, it looks ugly like the photo i posted in the private data below.

Is there some way i can add some spacing to the colour , like we did on the main menu , so the color isn’t continuous with the bottom of the sticky header?

Hi Yigit, this worked perfectly.

Thanks very much!

Regards,

Spleeky.

Sorry yigit it’s in maintenance mode, i forgot i added that after i posted, I’ve just created an account for you to check and posted it in the private area, many thanks

• This reply was modified 8 years, 5 months ago by spleeky.

Great thank you Yigit, will pass this on to the guy making the video.

Regards,

Spleeky

Thanks Ismael, this did the trick nicely.

Regards

Spleeky.

anyone?

anyone?

Awesome, thankyou.

Now i can adjust the sidebar, I created the blog page as you suggested and when i view the blog page it looks good, like in the example i posted.

However if i click on a category the layout is ignored. I want to keep the same style of layout for my blog posts when someone clicks on a category also.

For example – going back to the example i posted from the enfold showcase i liked. If i click on a category, you get this layout

http://hotspotcreative.ca/category/identity/

and this is what i’d like the same layout when someone clicks on one of my categories.

Can you advise how i can achieve?

Best Regards,

Spleeky.

• This reply was modified 8 years, 5 months ago by spleeky.