Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 1, 2016 at 4:35 pm #606773
    Julie

    Hello!

    Is there a way to hide the social “follow me” icons to the right of the main menu only on one particular page?

    Link is below.

    Thanks in advance for your help!

    April 1, 2016 at 5:18 pm #606791
    cherrmann

    Go find the site-id and enter css like this:

    .page-id-126 .av-sidebar-social-container {
    display: none;
}
    April 1, 2016 at 5:45 pm #606801
    Julie

    Hey cherrmann,

    Thanks for the tip, but it doesn’t seem to work, maybe because the container is not in the sidebar but is instead beside the main navigation.

    I thought I had tried this before, but this actually does work: .page-id-36 .social_bookmarks { display: none !important;
    }

    The only thing I need now is to hide the separator that shows to the right of the menu/to the left of the icons. Looks like that may be div.avia-menu av-main-nav-wrap av_menu_icon_beside – any advice on how to construct that selector?

    This does not work: .page-id.36 div.avia-menu av-main-nav-wrap av_menu_icon_beside { display: none !important;
    }, also tried it with # and . in front of div, tried it without div and nothing or . or # in front of .avia-menu…

    Sometimes I can figure these out, sometimes I need a little help, and it looks like I need a little help on this one.

    Thanks!

    April 1, 2016 at 6:24 pm #606808
    Vinay

    Hi!

    We cannot see the menu the page is password protected.

    To remove separators got to

    Enfold > Header > Header layout > Separator between menu items > No Separator

    To hide the social icons on only one page replace the xxx in page-id-xxx below with the correct page ID and use the rest of the code as is…

    
.page-id-xxx .social_bookmarks{
display:none;
}

    Cheers!
    Vinay

    April 1, 2016 at 6:29 pm #606812
    Julie

    Hey Vinay,

    Thank you for this. I have turned off maintenance mode now so you can see the page– sorry, I forgot that was on.

    Separators between menu items are already turned off.

    Any other suggestions to remove that line on the right of the menu on that page?

    Thanks so much for your help!

    April 3, 2016 at 7:16 am #607140
    Rikard

    Hi,

    Try the following CSS as well:

    .page-id.36 .avia-menu.av_menu_icon_beside {
    border-right-width: 0px !important;
}

    Best regards,
    Rikard

    April 4, 2016 at 2:19 pm #607600
    Julie

    Hi Rikard,

    Thank you for this– I added it and flushed the cache but I still see the separator line.

    Any other ideas?

    April 4, 2016 at 2:25 pm #607606
    Yigit

    Hi!

    Please try using following code

    .page-id-36 .av_menu_icon_beside {
    border: none!important;
}

    Regards,
    Yigit

    April 4, 2016 at 2:28 pm #607611
    Julie

    Hi Yigit,

    Awesome– that fixed it!

    April 4, 2016 at 2:33 pm #607616
    Yigit

    Hi!

    You are welcome!
    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 :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to hide social icons on one page?’ is closed to new replies.