Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #260642

    Hi,
    I have a facebook icon in the header section aligned with the menu items. When the site switches to responsive mode, the icon is not displayed. Could you please have a look at the problem? This is the site url: http://goo.gl/zFPdyx

    Many thanks for your help again.

    #261307

    Hi (Email address hidden if logged out) !

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

    @media only screen and (max-width: 989px) {
    .responsive .av_mobile_menu_tablet .main_menu {
    display: block;
    }
    nav .avia-menu, nav .fallback_menu { display: none; }
    #header_main nav .social_bookmarks { right: 500%; }}

    Cheers!
    Yigit

    #261349

    Hi Yigit,
    Thanks for your help. On the ipad the icon gets displayed in the middle with the responsive menu on the right, which may look a bit odd; is there a way to have it (or just the word Facebook) displayed inside the responsive menu?
    Also on the iphone, the icon still doesn’t show up.
    Thanks a lot if you can help.

    #261927

    Hi!

    You can add your Facebook as a new link in Appearance > Menus and then add following code to Quick CSS not to display it in menu when website displayed on a desktop

    @media only screen and (min-width: 990px) {
    li#menu-item-59 {
    display: none !important; }}

    You can right click on Chrome or Firefox to inspect elements to find menu item ID http://i.imgur.com/HyPTCRg.jpg

    Cheers!
    Yigit

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