Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 18, 2017 at 2:51 pm #840888
    maryhellensegatta

    Hi, I have a menu and a facebook social icon in the secondary menu (upper right corner, in green color). I’d like to make display this icon also in tablet and mobile view beside last menu item link (“Contatti”), as in desktop view. Last thing: i’d like to make not display facebook “f” icon to the right of hamburger menu icon and its thin border right.

    Thanks

    August 19, 2017 at 9:25 pm #841426
    Victoria

    Hey maryhellensegatta,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
#header_meta  .noLightbox.social_bookmarks.icon_count_1 {
    display: block !important;
    width:10%;
  }
  .av_secondary_right .sub_menu {
    padding-left: 0px;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 20, 2017 at 1:45 am #841520
    maryhellensegatta

    Victoria, thanks. Ok for the first request, for the second, what i’d like to achieve is not make display the black “f” icon of facebook in the right side of the hamburger icon menu (and remove thin right border of the hamburger menu icon) in any view. Thanks.

    August 21, 2017 at 1:11 pm #841983
    Victoria

    Hi maryhellensegatta,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? I think you can remove it in theme options, do no append social links to the menu.

    Best regards,
    Victoria

    August 21, 2017 at 1:49 pm #841998
    maryhellensegatta

    Victoria, in the private area you can find screenshot of icon, border and space to remove (space around facebook icon is in yellow), And data to admin area. I can’t remove it in theme option because i want facebook icon, but only the green one (beside “Contatti”, menu item)
    Thanks

    August 23, 2017 at 1:19 pm #843012
    Nikko

    Hi,

    Try adding this css code in Quick CSS:

    @media only screen and (max-width:1024px) {
  #top .avia-menu.av-main-nav-wrap.av_menu_icon_beside {
    border-right: none !important;
    margin-right: 0 !important;
  }

  #top #header .social_bookmarks {
    display: none;
  }
}

    Hope this helps. :)

    Best regards,
    Nikko

    August 25, 2017 at 12:03 am #843744
    maryhellensegatta

    Nikko, now border is gone, but in some breakpoints facebook green icon disappears and in others there are both green and black facebook icon (i’d like to have only the green one). Breakpoints in which there are both Facebook icon green and black:
    – max 767px and min 480px
    – max 767px;
    Breakpoints in which there is not Facebook icon green:
    – max 989px and min 768px
    – max 800px
    – max 900
    – max 989
    – min 990
    – max 1024

    Thanks

    August 25, 2017 at 9:27 pm #844176
    Nikko

    Hi,

    You can add min-width to set a limit on the code I gave. Let us know if you need more assistance :)

    Best regards,
    Nikko

    September 19, 2017 at 8:09 pm #854017
    maryhellensegatta

    Nikko you can mark as resolved. Thanks

    September 19, 2017 at 11:45 pm #854083
    Jordan Shannon

    Hi,

    I’m glad you got this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Social icon: make display in the tablet and mobile view’ is closed to new replies.