-
Posts
-
Hello,
i cannot figure it out…how to fix it
I made as the example showed on ENFOLD demo, on one page portfolio, with a link within a page.
If now i click on the “button” the page scroll down to the marker # I used. Image 1 with white arrow.I have a small problem with the alignement, as you can see from the image. (image 2 with zoom)
When the page scroll down, it does not align perfectly as in the ENFOLD template demo.
It lives some space between the content and the header and overlapped it.
there is a way to fix this using css ?
I sow that if i use the “small fixed header” there is no problem. This happen only with the fixed header with social icon and navigation.Hi LA_BREVA!
Can you please give us a link to the website? The Header image you posted is not working.
Regards,
IsmaelHo sorry Ismael,
i put the website yesterday live online, that way link is broken:
http://www.comersee.de/header.jpg
or http://www.comersee.de
I could use as a solution a css such as: #header{opacity:1;background-color:#ffffff;}
in this way, whily scrolling, the header ist not transparent giving a white color. But is only a “dirthy solution ;) ”
have a look please at the screen shotthank you
AntonioHi!
You can add this on your custom.css or Quick CSS to remove the transparency of the header:
.header_bg { opacity: 1; filter: alpha(opacity=100); }I’m sorry but I don’t understand the problem with the button. I clicked it and it goes down like it should.
Best regards,
IsmaelHallo Ismael,
I update the Picture above.
number 3 is comersee.de
number 4 is how it looks at kriesi.atWhen i click on the button or a link to a anchor, the page scroll down in the right way.
The problem is when it stop to scroll.
In the above example from kriesi.at it stop scroll exact in a line with the main content.
On comersee.de I just lived the opacity, so you can see that when the page scroll down and it stops, a small part of the content goes behind the header. To work in the wright way, the page, after scroll, should stop exactly to a line with the main content, without hiding behind the header a small part of the content.
Using another header insteat of “fixed header with social icon and navigation” then it work propely.Ich versuche auf Deutsch
Das problem liegt wenn der Link/button geklickt wird und die Seite bleibt stehen nach der runterscrollen.
Auf Kriesi.at nach der scrollen, bleibt die Seite exact auf eine linee mit der Inhalt stehen.
Das problem passiert falls die “fixed header with social icon and navigation” benutzen wird.
Die Seite scrollt zwar runter bleibt aber stehen nicht auf eine linee mit der Inhalt, sondern teil der Inhalt wird hinter der header versteckt bleiben. Diese kleine Teil, habe ich auf der “nummer 3” mit der Pfeil mit doppel Spitzen auf der screenshot gekennzeichnet.Sorry if I cannot explain very well. Is a bug where I can live with it by increasing the padding top on the first content item. But this i need then to do it on every single page.
thank you
AntonioHey!
You can add following code to Quick CSS in Enfold theme options to increase top padding on all pages
.fixed_header.social_header #main { padding-top: 147px; }You just need to adjust this value
Regards,
YigitThank you Yigit, this work with the padding, but unfortunately then, the header will be bigger and bigger.
As you can see from the screenshot, the red Arrow show the white background get bigger.
is there any way to make this background (only the one signed with the red arrows, not the complete header) transparent?If not, I will just turn around it.
When I scroll the header get smaller and get transparent; there i will give a white background using:
#header{opacity:1;background-color:#ffffff;}
Thanks anywhay.
greetings Antonio
- The topic ‘Link Within a Page and header issue’ is closed to new replies.