-
Posts
-
Hey guys,
To have the menu centered, I started with [Logo center, menu below], then moved the logo to the left and the menu up so that they align on one line. I need some assistance with:
1) The header area still has the size of the original content, a gap below the logo and menu. I’d like the container size to adjust to their height of about 50px.
2) The top bar has some white border lines below and in between the menuitems (only where the header is transparent). Id like to have them removed.
Thanks!
Hey!
Sorry for the late reply!
I checked your website but could not see any issue in the header. Can you please post a screenshot and show the issues you are seeing? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
Very nice looking website by the way!Best regards,
YigitHi Yigit,
Thanks, for your reply. I was in the meanwhile able to find a solution to my problem:
1)
#header #header_main_alternate .container {
max-height: none;
height: 5px;
}2)
#header_meta {
border-bottom: 0px !important;
background: transparent !important;
box-shadow: none;
}
#header_main {
border-top:none;
}
#top .av_header_transparency #header_meta li {
border: none !important;
}
That seems to work fine.Cheers!
Hey Yigit,
Actually there is still an issue with the pages where the header is not transparent.
Please have a look at the ABOUT page for example.
The header is bigger when unscrolled, then shrinks when scrolling down.Is there a way to have that corrected?, maybe always have the content start at y-position 0.0?
Thanks!!
Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
AndyHi,
edit your about page, scroll down and look on the right side for “Header visibility and transparency”. Choose “Transparent Header” for example.
Best regards,
AndyHi Andy,
The header should not be transparent, it should always be the same size as when scrolled down a bit(+ the size of the top bar of course…). When unscrolled, it appears, that the content starts further down than it should.
Kind Regards,
SushiHi Andy,
I dont have shrinking header enabled.Think you missunderstand the problem.
I walk you through it:I want a header with custom height 45px, the menu centered (and responsive) and the logo to the left.
Menu and logo should be on one line.To have the menu centered, I started with [Logo center, menu below], then moved the logo to the left and the menu up so that they align on one line.
Now on the transparent header page(welcome page) the content starts at the top.
And on the non transparent pages(all other pages), there is a gap before the content starts which is larger than 45px.This gap is what I want to get rid of, so that the header always has the same size.
Thanks for any advise!
Hi,
not sure what you mean. Can you provide screenshots illustrating what you’re talking about please? use imgur.com or dropbox.
Best regards,
AndyThis is how its now: http://imgur.com/k27AyDn
This is how it should be (photoshoped) : http://imgur.com/zhlgd8yScrolled down is already good: http://imgur.com/LGhD4Sb
Hi,
go to Enfold->Header->Header Layout->Header Size
and choose a custom pixel value.Best regards,
AndyHi,
try this code:
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 0px; }Best regards,
AndyHi,
try to add an !important:
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 0px !important; }Afterwards clear browser cache and hard refresh a few times.
Best regards,
AndyHi,
try this code:
.page-id-43 .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 20px !important; }and adjust as needed.
Best regards,
AndyHi,
Your last reply has no effect.
.page-id-43 .html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 20px !important;
}Thanks,
SushiHi,
try this code instead:
.html_header_top.html_header_sticky .page-id-43 { padding-top: 20px !important; }Best regards,
AndyHi,
That moves everything down on the frontpage by 20px, and the “top bar unstick” doesn’t work anymore.Regards,
SushiHi,
so what about adjusting the padding value? try something like 8px for example.
Best regards,
AndyHi,
If padding is 0px, the content starts right below the header.
If padding is bigger than 0, it shifts everything down.Its on 100px now, have a look.
Hi,
ok try this one instead:
.html_header_top.html_header_sticky .page-id-43 { padding-top: initial !important; }Hope this works!
Best regards,
AndyHi,
but isn’t that what you wanted? “initial” will make it to the default value. What do you want instead?
Best regards,
AndyHi Andy,
The header in the front page should be transparent when not scrolled down.
Meaning that the content should start behind the transparent header.Regards,
Sushiand this is exactly what’s happening right now on your frontpage: http://smrtshot.com/i/8RmG
So could you achieve what you want already?
Best regards,
AndyYeah, but that was during debugging, meaning the padding was set to 0.
Again, I need padding 0px on welcome page and padding 80px ALL other pages.
Right now I use this in this order:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 80px !important;
}.html_header_top.html_header_sticky .page-id-43 {
padding-top: 0px !important;
}Result: The Welcome page also has padding 80px.
- You must be logged in to reply to this topic.