-
Posts
-
Hi,
using ALB there are 4 possibilities to set the color section minimum height (25, 50, 75, 100%).
On this page I’d like to put the submenu in the footer of the page making it lying at the very bottom of the user’s screen. Which means it would be around 95% or somthing alike.
How coule I get this result ?Hi Anton!
Add this to a codeblock element in the page.
<style type = "text/css"> #sub_menu1 { position: fixed !important; bottom: 0px !important; top: auto !important; } </style>Cheers!
ElliottHey!
Code Block is an Advanced Layout Builder element that can be found under Content Elements tab – http://i.imgur.com/uX1s8Yd.png
Regards,
YigitWell, I added the given code to this code block but nothing happens … (see the images)
Smth particular to know doing that ?Hey!
Add this to the top of your Quick CSS.
#sub_menu1 { position: fixed !important; bottom: 0px !important; top: auto !important; }Cheers!
Elliottthe code you gave me doesn’t do what I was expecting. Actually I’d like the submenu bar being at the bottom of the my landing page but being able to move on scrolling like it is in the present version.
Like I explained in my first post of this thread : using ALB there are only 4 possibilities to set the color section minimum height (25, 50, 75, 100%).
And on this landing page I’d like to put the submenu in the footer like if I was using a 95% color section minimum height (before the submenu) – just to be able to get a full page picture with the submenu at the very bottom.
I would need this effect only for this page, not for the entire site.Hi!
Take a screenshot and highlight exactly what your trying to do so we can get a better idea.
Best regards,
ElliottHi,
this is the visual result of the code you gave me. But the field of the submenu (in red) stays at its initial place and the new submenu (at the bottom) doesn’t move on page scrolling. Although normally it does (without your code).
So all I need is to be able to put the submenu where it is on my picture, but keep it scrollable like it normally does.Hey!
Add this to the code in order to remove the gap:
#top .sticky_placeholder { height: 0; }Regards,
Ismaelhave you entirely read my last post?
The solution you gave is absolutely not what I requestedHey!
Yes, I actually did. I based the solution on the screenshot that you provided which displays the gap after you relocated the sub menu at the very bottom of the site: https://www.dropbox.com/s/x6v5iy4ovrm7wla/2015-12-16%2011-33-31%20Services%20%C2%A0Conseil%20en%20Strat%C3%A9gie%20%26%20Management%20Interculturel%20-%20Google%20Chrome.jpg?dl=0
The purpose of the code is to remove the gray space. What happened when you add the code? Please don’t remove the previous codes.
Best regards,
Ismael
- You must be logged in to reply to this topic.