Forum Replies Created
-
AuthorPosts
-
October 9, 2016 at 12:21 pm in reply to: Page-Post Footer Column Layout Difference in Mobile #697048
Thanks Rikard!
Works like a charm.
Hi,
I fixed it (by not using transparent header anymore)
Thanks
Hi,
I reinstated it.
Yeah, 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.
Hi 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,
SushiHi,
No, this looks exactly like 0px….
Kind regards,
SushiHi,
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,
That moves everything down on the frontpage by 20px, and the “top bar unstick” doesn’t work anymore.Regards,
SushiHi,
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,
Almost there,
I’d like this to work on all pages except the front page.Regards,
SushiHey Andy,
That didn’t work…Hi,
No, thats already set to a minimum of 45px.This 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 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 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,
SushiHey Andy,
Here you go.
Cheers,
SushiHey 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 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!
-
AuthorPosts