Navigation
Archive / Align image to bottom of open mobile menu
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 8, 2016 at 3:33 am #1077658
    kateanita
    Participant

    Hello, I have a small design that aligns to the bottom of the header, but on mobile view, when the header is opened, the design/image doesn’t stay aligned with the bottom and instead overlaps some of the menu items (see screenshots of closed menu and open menu with error). Is there a way to align it all the way to the bottom so the design moves all the down to the bottom when the mobile menu is open?

    Website is: dev.stapkodesign.com

    Thanks!

    Katie

    July 8, 2016 at 3:36 am #1077660
    kateanita
    Participant

    Attached is a screenshot of the closed menu that didnt upload correctly in the last message.

    July 8, 2016 at 7:06 am #1077803
    Nabeel A
    Moderator

    Hi again,

    Thank you for writing in! Please replace your code with this:

    .x-navbar {
    background: url(http://dev.stapkodesign.com/wp-content/uploads/2016/06/headerbg.png) no-repeat center;
    padding-bottom: 30px;
    background-color: #000000;
    border-bottom: none;
    background-color: transparent !important;
    margin-bottom: -25px;
    background-position-y: 100% !important;
}

    Cheers!

    July 8, 2016 at 11:15 pm #1078879
    kateanita
    Participant

    Worked perfectly, thanks so much!

    July 9, 2016 at 3:10 am #1079045
    Christopher
    Moderator

    You’re welcome.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1077658 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>