Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 27, 2014 at 10:01 pm #284733
    lzevon

    Hello,

    1. I can see the mobile menu, but would like to see it at the Small tablet landscape (800×600) and Tablet portrait (768×1024) views (doesn’t appear now until the Small tablet portrait (600×800) view).

    2. My links in the mobile menu are there, but the text is not visible. Ive tried a number of different CSS combinations to no avail. Not sure what to do to make the links appear. I also disabled plugins and tried to no avail.

    Thank you

    June 29, 2014 at 5:25 am #284949
    Ismael

    Hey lzevon!

    Thank you so much for using the theme!

    1.) Please go to Enfold > Header Layout > Mobile Menu panel. Look for the Header Mobile Menu Activation, choose the second option.

    2.) Please go to Enfold > Advanced Styling, edit the Main Menu Links. Please post the website url here so that we can inspect it.

    Cheers!
    Ismael

    June 30, 2014 at 3:50 am #285064
    lzevon

    Thanks Ismael – I clicked the second option and the menu is visible on Small tablet landscape (800×600), but no other mobile sizes. The link is http://www.rockspotclimbing.com/

    • This reply was modified 10 years, 4 months ago by lzevon.
    June 30, 2014 at 4:39 pm #285260
    Yigit

    Hey!

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

    @media only screen and (max-width: 1024px) {
#advanced_menu_toggle, #advanced_menu_hide { display: block; }
.main_menu { display: none; }}

    Regards,
    Yigit

    June 30, 2014 at 5:28 pm #285296
    lzevon

    Hi Yigit, that did not help the issue with the link visibility. :(

    The menus are popping out when I think I need them to, but the links themselves – in the mobile menu – are only visible on Small tablet landscape (800×600) and none of the other responsive layouts (e.g. Mobile portrait (320×480), Mobile landscape (480×320) and Small tablet portrait (600×800), Tablet portrait (768×1024)). Also, I would like the mobile menu to appear when in the Tablet landscape (1024×768) view since the navigation runs long.

    Thank you for the continued support

    July 1, 2014 at 3:09 am #285517
    Ismael

    Hi!

    Thank you for the update.

    Please add this to prevent the menu from covering the logo:

    @media only screen and (max-width: 1100px) {
.av-main-nav > li > a {
font-size: 12px;
padding: 0 7px;
}
}

    Regards,
    Ismael

    July 1, 2014 at 3:29 am #285523
    lzevon

    Thanks for that Ismael. Now, if we can figure out why my menu text doesn’t appear at all (in the Mobile portrait (320×480), Mobile landscape (480×320) and Small tablet portrait (600×800), Tablet portrait (768×1024) modes)!!!

    Also, the Enfold Secondary Menu in the Small tablet landscape (800×600) and Tablet portrait (768×1024) are too long and would ideally appear on different lines as they do on the smaller layouts.

    But really, my main concern is still the impetus of this thread – not being able to see the text in the Mobile portrait (320×480), Mobile landscape (480×320) and Small tablet portrait (600×800), Tablet portrait (768×1024) modes.

    Thank you :)

    July 2, 2014 at 4:56 am #286024
    Ismael

    Hi!

    Thank you for the update.

    Please check your custom css, look for this code:

    @media only screen and (max-width: 768px) {
.phone-info with_nav, span {
display: none;
}
}

    Replace it with:

    @media only screen and (max-width: 768px) {
.phone-info with_nav {
display: none;
}
}

    There should be no span selector there because it will remove all span elements on the theme including the menu item titles.

    Best regards,
    Ismael

    July 2, 2014 at 5:01 am #286027
    lzevon

    Ismael, You rock! All set. Thank you, thank you!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘mobile menu issues: when it appears and invisible links’ is closed to new replies.