I Tried adding that but nothing changed, did I need to delete something as well?

Added that but it still looks the same.

Please Advise

Hello,

I added that but it did not work. Please Advise

Solved, Thanks!

Ahoy Yigit,

Thanks! I added that and it works but now I have some weird issues seeing I had some help adding some custom logo centering code, which I can provide the thread is necessary. As you can see in the secreenshot in the private data. Is there a way to skip the minimized screenshot and have to go directly to mobile?

Hi Andy,

I think there might be an issue with my quick css code, i’m determined to figure this sucker out! Is any of this quick css code conflicting?

Hers is what I have in my code to center it

.av-main-nav li:nth-child(3) {
    margin-right: 20vw;
}

.av-main-nav li:nth-child(4) {
   margin-left: 5vw;
}

.container.av-logo-container {
    top: 25px;
}

Here is the screenshot of what that looks like (see below)

Here is the quick css code you gave me The first block is what make the logo not centered.

.html_header_top.html_logo_center .logo {
top: -10px;
left: -4px;
height: 77px;
}

@media only screen and (max-width: 1100px) { 
.html_header_top.html_logo_center .logo {
top: -10px;
left: -4px;
height: 77px;
}}

See Second screenshot

First off is there any conflicting code? Second is there a way to just increase the logo area? When I enter this quick css code things get weird I noticed. Is there way to just increase the logo box? possibly by changing the quick css code or making the logo box larger?

When I add this code below is when things do not stay centered. Is there something I can add in here to make that happen. Right now it is all the way to the left. If I chane the left to about 300 it will go center but it does not adjust when I minimize the browser and overlaps the menu.

.html_header_top.html_logo_center .logo {
top: -10px;
left: -4px;
height: 77px;
}

Thanks for helping me with this! Let me know, like always I plan on rating you high for every license I purchase :)

Ahoy Yigit,

I tried just your code and it doesn’t work, was it meant to be used with Rikards code?

What do you mean by “Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.”

I dont see any DIV code in my quick CSS like that…

Oh DuH! my bad, thanks!

Ah Sorry, I updated the domain. New link below

Ahoy,

I went ahead and added that but the logo size is the same. I do have some custom code which was provided in this thread to make things the logo center and menu to the right and left.

Please Advise

That worked. Is there anyway I can increase the size of the logo. It seems to be constrained to a smaller size now.

Thanks!

Ahoy,

yes I don’t believe it is theme related the font was downloaded here. https://www.fontsquirrel.com/fonts/museo-sans

please advise

Ahoy

I went ahead and added the code below but there are a few issues.

1. How do I make the menu items higher on the same line as the logo?
2. How do I make it so the menu does not overlap the logo?
3. How do I fill in the white space above the header to be green?

.av-main-nav li:nth-child(3) {
    margin-right:300px;
}

.html_header_top.html_header_sticky #header {
    position: fixed;
    top: 50px;
}

.html_top_nav_header .av-logo-container {
	top: -30px;	
    z-index: 999;
}

@media only screen and (max-width: 989px) {
.html_top_nav_header .av-logo-container {
	top: 0px;	
	left:0;
}
}

• This reply was modified 7 years, 11 months ago by mcraig77.

Boom! Thanks!!