Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #549391

    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 ?

    • This topic was modified 8 years, 3 months ago by Anton.
    #549399

    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!
    Elliott

    #549401

    Sorry, what do you mean “codeblock” element in the page ?

    • This reply was modified 8 years, 3 months ago by Anton.
    #549952

    Could anyone tell me what “codeblock element in the page” does mean and where is it ?

    #549971

    Hey!

    Code Block is an Advanced Layout Builder element that can be found under Content Elements tab – http://i.imgur.com/uX1s8Yd.png

    Regards,
    Yigit

    #549977

    Well, I added the given code to this code block but nothing happens … (see the images)
    Smth particular to know doing that ?

    #550801

    Hey!

    Add this to the top of your Quick CSS.

    #sub_menu1 {
        position: fixed !important;
        bottom: 0px !important;
        top: auto !important;
    }

    Cheers!
    Elliott

    #551758

    @Elliott

    the 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.

    #552769

    Hi!

    Take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    #553612

    Hi,

    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.

    #554838

    Hey!

    Add this to the code in order to remove the gap:

    #top .sticky_placeholder {
        height: 0;
    }

    Regards,
    Ismael

    #555433

    @Ismael,

    have you entirely read my last post?
    The solution you gave is absolutely not what I requested

    #556383

    Hey!

    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

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.