Problem with menu caused by tall logo

Hello, Andy!

Depending on which header you want to use, there are two ways to resolve this:
1.
If you want to use a header V1, and you want to remove the line below the logo and menu, add the code below in Customize-General-Additional CSS

.header_v1 .sticky-header {
  border-bottom: none; 
}

2.If you want to use a header V3,
add the code below in Customize-General-Additional CSS

#vision-primary-nav {
   padding-top: 50px;
}

https://prnt.sc/hz0thn

Change the padding-top value per your needs.

Regards

Thanks a lot for the answer! That’s really works!
However, is it the way to keep main menu in the same place like without that padding option (on top – on the same line with logo) when scrolling web down?
When I am padding menu to 80px (middle) and scrolling web down, menu stand out from the top of the web and takes that space unnecessarily.
I will apprieciate your help with this one.

BR
Andrzej

Hi,

Replace the code that I gave you for the Header V3, in the previous post, with the codes below:

.pull-right {
   padding-top: 80px;
}
header.shrinked nav{
	padding-top: 0px;
}

https://prnt.sc/hz1d7f
https://prnt.sc/hz1dmn

Regards

Sweete! Thank you!
This time the padding-top moves as well the top menu which I want to leave in the place where was it before – on top. Is it a chance to fix it?

Hi,

Add this code, below the codes you previously entered:

#top-bar .pull-right {
   padding-top: 0px;
}

so your code on the end will look like this:

.pull-right {
   padding-top: 80px;
}
header.shrinked nav{
	padding-top: 0px;
}
#top-bar .pull-right {
   padding-top: 0px;
}

https://prnt.sc/hz20rh

Regards

Splendid! Excellent work!
Thank you very much for your support!

Hello!

I have a problem with that code on the other website.
After updating the theme I found out that the Main Menu on the Home Page is not centered.
This code looks ok with any other pages but not on the Home Page.
I have that parameter there:
pull-right {
padding-top: 30px;}

However on the Home Page originally the menu is moved a little bit down (on the other subpages without that code the main menu is close to the top bar) and has the same effect but to centered I will need to change parameters to:
pull-right {
padding-top: 50px;}

When I am scrolling down Home Page, the main menu is not on the same line as a logo (it’s not centered). It holds the top part of the section.

It seems that after theme update, the issue appeared on the Home Page because originally all subpages are fine apart from the Home Page.

What could cause that problem?

I will appreciate your support in this matter. Thank you in advance!

BR
Andy

Hello Andy!

If you want to have different padding-top value just on the “home” page,
this code should work for you:

.home .pull-right {
padding-top: 50px;}

Can you post a link to your website where you need this code?

Regards

Thank you for the answer!
It could work but then when scrolling down the menu is not in line with logo (it sticks to the bottom bar of the header.
Please have a look:
https://www.businesscommoners.com/

Hi Andy!

Try to add this code, to solve the above-stated issue:

.home .shrinked nav{
	padding-top: 20px;
}

https://prntscr.com/i5cgrc

Regards

Excellent work!
Thanks a lot!
BR
Andy