Tagged: Header effect
-
AuthorPosts
-
May 31, 2023 at 10:58 am #1409120
Now: see f.e. that page and its curtain effect footer: https://enfold.webers-webdesign.de/
The content of that footer will end on small screens ( all columns are beneath each other ) at a height of 1176px.
So even if i could set that option when curtain effect footer goes to scroll to 100% ( only 90% option is available ) there will be no space to show all the content on f.e. an iPhone 11 ( screen-height is : 812px) – so if that footer stays on fixed position there will be 364px that could not be seen.
The only way to see the whole footer content is then to set position to relative and scroll with the content !if we are talking about your homepage ( link on your nick) The footer is still fixed on my mobile devices.
but for mobile devices with less than 736px ( iPhone 6,7,8) it will scroll – because:
your footer height will be on that screenwidth of 375px : 535px and this is nearby 80% of available screen-height. That is the reason why i give you the snippet to enlarge the allowed footer height to set to 90%.
In this case your footer will be even fixed on Mobiles with 736px screen
if you got iPhone 5 it is 568px available – no chance even on 90% to have a fixed footer with curtain effect.May 31, 2023 at 11:00 am #1409121your header – there must be some css mismatch.
Because click on your hamburger!May 31, 2023 at 11:12 am #1409123https://img.savvyify.com/image/Zxtf
My footer now is all visible in my iPhone 6.
Why it doesn’t work?!https://img.savvyify.com/image/ZpMa
My burger! It’s ok! Here I would to not open the submenu like that! I would to open it like a curtain that fall down (full screen) and all the pages name move from right to left, one by one:
https://www.rolls-roycemotorcars.com/en_GB/home.htmlMay 31, 2023 at 11:13 am #1409124The header hide on scroll effect works only on desktop! (?!?)
May 31, 2023 at 11:36 am #1409126Yes on mobile devices – it is ok – but click on hamburger on desktop browsers! ( screens bigger than 768px)
May 31, 2023 at 11:41 am #1409128Ok. Inside there is the css of the Nikko. Not Ismael! Check Nikko’css…
I repeat, entry in my wp!May 31, 2023 at 1:43 pm #1409144May 31, 2023 at 2:00 pm #1409147I insert your css but it’s the same!! Entryyyyyyy…Cheeeeck!!
May 31, 2023 at 2:10 pm #1409148I also see that! Doesn’t work! Please help me also to A the other requests..
June 1, 2023 at 3:18 pm #1409279Hello!!! Are there someone that can help me to solve my menu question?
-header not hide when scrolling down ON MOBILE.
-submenu (after clicking the burger) doesn’t work ON DESKTOP.Again: is it possible to obtain the header that falling down like a curtain after click the burger?
Many thanks
June 5, 2023 at 10:58 am #1409599Hello! Is there someone?!
ON MOBILE DOESN’T WORK!June 6, 2023 at 4:16 pm #1409774Hello!! Someone that help me on my submenu on desktop??
Cheeeeck!! Doesn’t work! Why???June 6, 2023 at 4:18 pm #1409775Again. The header do not hide on scroll on mobile. Only on desktop.
Heeeelp!! Who i have to ask????? I’m working! Not joking!!!!!June 10, 2023 at 4:21 pm #1410156Hi,
Thanks for your patience, the reason your mobile header doesn’t transform out of view is because the mobile header is set to a fixed position with css in order for it to show at the top of the mobile screen transform doesn’t work on fixed position items, so you can’t have this header transform out of view, if you wish you can have the header disappear but it won’t be like the desktop version.Best regards,
MikeJune 11, 2023 at 1:59 pm #1410223Hi, so? Where i have to modify? Which css i have to change?
Please check….June 11, 2023 at 6:05 pm #1410261June 12, 2023 at 1:03 am #1410298Yes. Ok but now doesn’t work the burger. Click the burger! Check!
Please check also the burger also on desktop! Doesn’t work.June 12, 2023 at 1:43 am #1410299June 12, 2023 at 10:14 am #1410314Ok. Good! Are you checked the burger also in the desktop version?
ThanksJune 12, 2023 at 11:12 am #1410319Hi,
Yes I checked and all is working, if you have any further questions please create a new thread and we will try to help you. This thread is too long and cover multiple topics. Thank you for understanding.Best regards,
MikeJune 12, 2023 at 11:33 am #1410327Ok. Thanks. Close this thread.
-
AuthorPosts
- The topic ‘Header effect (only when scrolling down)’ is closed to new replies.