Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 6, 2014 at 9:49 am #260642
    laure_dh@hotmail.com

    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.

    May 7, 2014 at 2:45 pm #261307
    Yigit

    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

    May 7, 2014 at 4:18 pm #261349
    laure_dh@hotmail.com

    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.

    May 8, 2014 at 6:52 pm #261927
    Yigit

    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

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