Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #459776

    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, 5 months ago by OneClickTech.
    #459816

    I have the same issue, someone please help.

    #459988

    Funnily enough I have the same issue today too?

    #459989

    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..

    #460117

    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, 5 months ago by dbktti.
    #460193

    Hey Yigit

    Do you have any ideas how this can be done?

    Thanks for your help!

    #460333

    Hey Yigit can you help?

    #460339

    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

    #460344

    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

    #460355

    Hi!


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

    Regards,
    Yigit

    #460360
    This reply has been marked as private.
    #460369

    Hi!


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

    Cheers!
    Yigit

    #460372

    @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, 5 months ago by dbktti.
    #460376

    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

    #460485

    @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

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