Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 20, 2016 at 6:10 pm #714559
    caroberto6

    Hi Guys,

    I have a quite long menu on my webpage: http://www.onfejlesztoter.hu, which covers the logo in tablet view:
    https://goo.gl/photos/vwvE86umBAS2PxUk7

    Could you help to change the 990px rule for switching on the mobile menu to 1100 px?
    (I have tried this shortcode, but it didn’t work: http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/ )

    Or could we move the menu text lower in between 990 px and 1100 px?

    Thanks in advance!

    Best regards,
    Robi

    November 20, 2016 at 10:41 pm #714611
    caroberto6

    In meanwhile I tried to switch of two social icon (linkedin and g+) in the Enfold/social profiles section, (there will be more space for the menu), but even if I switched off, the social icons are still in the header, except one page:

    http://www.onfejlesztoter.hu/blog/

    Why don’t they disappear in all sites?

    Best regards,
    Robi

    November 21, 2016 at 5:17 am #714638
    Rikard

    Hi Robi,

    Please try the following in Quick CSS under Enfold->General Styling for your menu problem:

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

    I can see a Facebook icon on the page your linked to, is that correct?

    Best regards,
    Rikard

    November 21, 2016 at 7:29 am #714690
    caroberto6

    Hi Rikard,

    Unfortunately, your code doesn’t work, the menu is still there.

    Yes, you can see the Facebook icon, but I would like to hide the Linkedin and G+ icon in the header.

    Best regards,
    Robi

    November 21, 2016 at 9:00 pm #714983
    caroberto6

    Hi Rikard,

    After deleting cache and minifying CSS the icon part of my issue works, and interestingly the other part of the problem works too, but using this two code sections:
    /* Mobile menu tabletre*/
    @media only screen and (max-width: 1050px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
    }

    @media only screen and (max-width: 1050px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}
    #wrap_all {
    position: relative !important;
    }

    It is interesting, because if I used just one, then the mobile menu problem was there, but with the two of them is working.

    So thank you your help, have a good night! :)

    Regards,
    Robi

    November 21, 2016 at 9:06 pm #714985
    Basilis

    Hey!

    Please feel free to create a new ticket if you need anything else.
    Good Night to you also.

    Thanks a lot

    Regards,
    Basilis

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