Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 7, 2014 at 10:09 pm #301361
    snackd

    I just noticed that for the mobile menu, if the menu is longer than page content, the end of the menu gets cut off. In other words the page size is set by the page content not the mobile menu div. If mobile menu is taller than page content, it will get cut off.

    Is there an agreed-best solution for this? You could either expand the page (which is messy), or scroll the menu (which makes the menu more noisy). Can you think of anything else? Are there other options for mobile menus? I wouldn’t mind switching.

    I’m working to shrink my menus anyway :-) .

    August 8, 2014 at 4:30 am #301423
    Ismael

    Hey snackd!

    Thank you for using Enfold.

    You can still scroll through the menu even if the content is much shorter than the mobile menu. This is also true on an actual mobile device. Just swipe up to scroll down the menu.

    Cheers!
    Ismael

    October 29, 2014 at 5:31 pm #342830
    kinderheim511
    This reply has been marked as private.
    October 31, 2014 at 3:04 pm #344046
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1280px) {
.av-main-nav > li > a { padding: 0 6px; }}
@media only screen and (max-width: 1190px) and (min-width: 990px) {
strong.logo * { max-width: 100%; }}

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.
    Cheers!
    Yigit

    November 3, 2014 at 2:36 pm #345251
    kinderheim511

    Hi. I placed the code and still no change. Also, if height of screen is not big enough the menu just gets cut off and does not scroll.
    You can check my website again and see the CSS code is present.

    November 4, 2014 at 6:04 am #345734
    Josue

    Hi!

    Add this to Quick CSS:

    @media only screen and (min-width: 767px) {
    .content {
        min-height: 400px;
    }
}

    Cheers!
    Josue

    November 4, 2014 at 3:04 pm #345863
    kinderheim511

    Thanks for your time.
    The codes don’t work but i’ve started using Mega Menu and it’s ok like this.
    Thanks again.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘mobile menu gets cut off if page is short’ is closed to new replies.