Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 7, 2015 at 11:12 pm #441300
    Renvato2

    Hi,

    Last time I checked my website on several mobile phones using the website emulator (http://www.mobilephoneemulator.com) all that was showing up was the Parent Icon menu which is what I want. But now when I check two different cell phone emulator sites all the cell phone show both the normal menu’s and at the same time also show the Parent Menu Icon. NOTE: under “Theme Options –>Header–>Mobile Menu” I have checked the box that says “Hide Mobile Menu Submenu Items”.

    WORDPRESS ver 4.2.2
    ENFOLD ver 3.1.5

    May 8, 2015 at 6:48 pm #441729
    Yigit

    Hey Renvato2!

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

    @media only screen and (max-width: 990px) {
nav.main_menu {
  display: none;
}}

    Best regards,
    Yigit

    May 9, 2015 at 2:08 am #441822
    Renvato2

    Hi,

    I tried inserting the portion after the (max-width: 990px) because I spent a couple days setting every value just right so all cell phone sizes will display properly. But when I add the { nav.main_menu { display: none; }} portion laid out as shown above into both Media Queries it effects all the displays and nothing no longer displays property until I remove that portion of the CSS. See below to see what my current media query looks like in the Quick CSS area. Any suggestions on how to remove the standard menu and show only the Parent Menu on all mobile phones without effecting the current layout of all the Mobile Devices?

    @media screen and (max-width: 400px) {
    .subtext .first-line {
    font-size: 26px !important;
    width: 85%;
    }
    .subtext .second-line {
    font-size: 14px !important;
    left: 0px !important;
    line-height: 1.0; width: 67%;
    }}

    @media screen and (min-width : 401px) and (max-width : 481px) {
    .subtext .first-line { font-size: 26px !important;
    width: 70%;
    }
    .subtext .second-line {
    font-size: 14px !important;
    left: 0px !important;
    line-height: 1.0; width: 49%;
    }}

    May 10, 2015 at 7:13 am #442061
    Rikard

    Hi!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    May 10, 2015 at 6:04 pm #442117
    Renvato2
    This reply has been marked as private.
    May 11, 2015 at 9:31 am #442290
    Rikard

    Hi!

    I just checked and the code you got from Yigit and it’s working, could you try again and make sure you clear your browser cache and reload a few times before check the result?

    @media only screen and (max-width: 990px) {
nav.main_menu {
  display: none !important;
}}

    Regards,
    Rikard

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