Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • June 16, 2015 at 2:46 am #459776
    OneClickTech

    Hi
    I am trying to change were the responsive menu kicks in. I have a wide menu bar and would like it to break as soon as the main menu wont fit on the screen anymore.
    I have tried this code but it breaks the theme and shows the menu all the time to the right if you scroll the screen to the right on a mobile device. 

    @media only screen and (max-width: 1318px) {
.html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
.html_mobile_menu_tablet #mobile-advanced{display:block;}
}

    Thank you for looking at it for me.
    I have tried searching for the fix with no luck. Sorry to be bothering you.

    • This topic was modified 9 years, 6 months ago by OneClickTech.
    June 16, 2015 at 5:31 am #459816
    dbktti

    I have the same issue, someone please help.

    June 16, 2015 at 12:03 pm #459988
    nasman22

    Funnily enough I have the same issue today too?

    June 16, 2015 at 12:07 pm #459989
    nasman22

    Found this from an earlier post and worked for me…

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

    Change the max width to something that works for you..

    June 16, 2015 at 4:15 pm #460117
    dbktti

    That has not worked for me. I have tried every version of that code found on the forum with NO success. And Yes, I emptied the cache…

    Anyone have a solution to the question above?

    • This reply was modified 9 years, 6 months ago by dbktti.
    June 16, 2015 at 5:22 pm #460193
    dbktti

    Hey Yigit

    Do you have any ideas how this can be done?

    Thanks for your help!

    June 16, 2015 at 7:56 pm #460333
    dbktti

    Hey Yigit can you help?

    June 16, 2015 at 8:00 pm #460339
    Yigit

    Hi!


    @oneclicktech     Please add following code to Quick CSS as well

    #wrap_all {
position: relative !important;
}


    @dbktti     Can you please post the link to your website? Also please elaborate on the issue you are having so we can make sure that we are on the same page :)

    Cheers!
    Yigit

    June 16, 2015 at 8:04 pm #460344
    dbktti

    Thanks for responding!

    I am having the same issue as oneclicktech, I need the menu to switch to the mobile nav at a wider width value. I have tried all of the available Quick CSS snippets with no luck. And yes I have cleared the cache.

    The staging site is http://oitools.com

    June 16, 2015 at 8:12 pm #460355
    Yigit

    Hi!


    @dbktti     Do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    June 16, 2015 at 8:16 pm #460360
    dbktti
    This reply has been marked as private.
    June 16, 2015 at 8:34 pm #460369
    Yigit

    Hi!


    @dbktti     Please review your website now, i have added additional custom CSS code to bottom of Quick CSS field.

    Cheers!
    Yigit

    June 16, 2015 at 8:36 pm #460372
    dbktti

    @yigit

    You are the best!

    He added the following CSS snippet, give this a try if you are having the same issue:

    #header_main .inner-container {width: 100%; }

    • This reply was modified 9 years, 6 months ago by dbktti.
    June 16, 2015 at 8:40 pm #460376
    Yigit

    Hi!


    @dbktti     You are welcome, we are always happy to help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    We are keeping the thread open for the OP.

    Best regards,
    Yigit

    June 16, 2015 at 11:46 pm #460485
    OneClickTech

    @Yigit. Thank you .That worked.


    @dbktti     . You appear to be having the same issue with the menu as i was. The above code worked for me.
    https://www.dropbox.com/s/a7ucz5t8jfxxvpx/Screenshot_2015-06-17-07-30-47.png?dl=0

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Changing the responsive menu via media rule’ is closed to new replies.