Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 22, 2019 at 5:40 pm #1130047
    studio_trzypunkty

    Hello Kresi Team
    I have a problem with Menu Items for mobile
    I need to deactivate this option or to change the widh of screen to smaller.
    I would like to have normal menu on mobile screens. So the limit 768px is to high for me.
    There is some threads about it – for example this:
    https://kriesi.at/support/topic/disable-mobile-menu-4/
    but it does not work for me – maybe because higer version of Enfold I have now.
    I would like for advise – what to do to have normal menu on narrow screens?

    best regards
    Jakub

    August 23, 2019 at 5:39 am #1130195
    Rikard

    Hey Jakub,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    August 27, 2019 at 4:38 pm #1131366
    studio_trzypunkty

    Hi Rikard
    sorry I missed your ansewer.
    I can not post you a link.
    But look at the screenshot.
    screen 1 – more than 768px wide – normal header menu

    screen 2 – less then 768px wide – mobile header menu

    I need to keep normal header menu on each widh of screen
    best regards
    Jakub

    September 2, 2019 at 6:01 am #1132818
    Ismael

    Hi,

    Thank you for the update.

    We actually need to inspect the header. Please let us know once the site is live. Or try to set up a staging site so that we can inspect the issue. Did you add any css modification for the header?

    Best regards,
    Ismael

    September 2, 2019 at 2:56 pm #1133015
    studio_trzypunkty

    Hello Ismael,
    thank you for the answer.
    Because we are working on this page during these days – I had to find any solution for problem.
    Finally I found something in old threads. It seems to be OK for us.
    I have my result – low header (without logo) on wide and narrow screens, without changing to mobile menu (burger), sticky to the top of window.
    I have added lines to Quick CSS in
    Enfold Theme Options/General Styling/Quick CSS

    #header_main .container, .main_menu ul:first-child > li a {
    height: 25px !important;
    line-height: 30px !important;
    }

    @media only screen and (max-width: 767px) {
    .responsive #top .av-main-nav .menu-item-avia-special {
    display: none;
    }
    .responsive #top .av-main-nav .menu-item {
    display: block;
    }}

    @media only screen and (max-width: 767px) {
    .responsive #header_main .container {
    position: fixed !important;
    }}

    The page is already in use but I can not share a link unfortunately.
    If the CSS lines are fine – let’s close the thread.
    Thank you for help.
    best regards
    Jakub

    September 3, 2019 at 4:00 am #1133172
    Ismael

    Hi,

    Glad to know that you’ve found a solution. And thanks for sharing it. We’ll close the thread now.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change of screen widh to activate Mobile Menu’ is closed to new replies.