Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 15, 2016 at 4:51 pm #583571
    0rca

    Hi Kriesi-Team,

    I am trying to put a sticky fullwidth submenu below a slider, so that it appears at the bottom of the screen and then moves up, when the page is scrolled.

    I’ve tried simply moving up the container #top .av-submenu-container by 72px, which is the height I gave the container; 

    #top .av-submenu-container {
    font-size: 15px;
    height: 72px;
     margin-top: -72px;
}

    But naturally the container will then vanish those 72px under the header. I guess someone more knowledgeable could fiddle with the java script, but maybe there is an easier way?

    Cheers,

    Michael

    February 15, 2016 at 6:26 pm #583670
    Andy

    Hey 0rca!

    website is in maintenance mode, so we need admin access so see it. Post it here as private reply.

    Best regards,
    Andy

    February 16, 2016 at 1:09 pm #584151
    0rca

    Oops, sorry for that, my bad ;-) Maintenance mode is turned off now….

    February 17, 2016 at 3:29 pm #584775
    0rca

    Hi again,

    I had another look myself at how the sticky fullwidth submenu script works, but as a non-programmer I couldn’t figure it out how to change the top-margin the script gives the container when scrolled up :-(

    So any input is more then welcome :)

    Cheers,

    Michael

    February 18, 2016 at 4:47 pm #585497
    0rca

    Found a quick and dirty fix for the time being:

    .avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
    margin-top: -72px;
}

    This essentially pushes the 100% container 72px to the top, cutting of the top of the slider, but I can present this to our customer in the hopes that you guys have a better solution for me.

    The way I see it we could either change the script for the sticky fullwidth submenu OR we could shorten the 100% container by 72px.
    In any case, I didn’t find any way to do it, so I am still hoping you have an idea.

    Cheers,

    Michael

    February 21, 2016 at 7:19 am #586595
    Ismael

    Hey!

    I’m not sure I understand the issue here because the sub menu looks good on the site. If you can provide a test page with the issue, we’ll try to provide a solution. For now, use your own solution.

    Best regards,
    Ismael

    February 22, 2016 at 10:40 pm #587480
    0rca

    Hi Ismael,

    it does look good and works, so I decided to stop calling it a workaround and think of it as a solution now ;-) So I am fine, thanks a lot.

    For all others: As written above I wanted to have a submenu below the slider on this site: http://o2bln.de/
    Instead of some complicated fiddling with the header height, the top-margin of the submenu when scrolled to top and so on I simply set the submenu to 72px height and moved the whole slider container up by 72px:

    #top .av-submenu-container { height: 72px; } 
#fullscreen_slider_0  { margin-top: -72px; }

    The slider is cut off those 72px at the top, but I can live with that.

    Cheers,

    Michael

    February 24, 2016 at 6:17 am #588148
    Rikard

    Hi Michael,

    Great, glad you got it working and thanks for sharing your solution!

    Best regards,
    Rikard

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