Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 19, 2019 at 6:14 pm #1069052
    KenMarshall

    Hi,

    I have a client who would the social media icons appear at the bottom of the flyout menu on the mobile – see screenshot example:

    Example of what I’m looking for

    I suspect it will need more than some CSS snippets – can anyone help please.

    Thanks.

    Regards, Ken

    February 20, 2019 at 12:09 am #1069176
    Jordan Shannon

    Hey KenMarshall,

    Please provide a link to the site so we can look into this further, also the admin info in the private area.

    Best regards,
    Jordan Shannon

    February 20, 2019 at 12:40 am #1069215
    KenMarshall

    Many thanks. Info requested in Private area.

    Regards, Ken

    February 20, 2019 at 12:42 am #1069217
    KenMarshall
    This reply has been marked as private.
    February 20, 2019 at 1:10 pm #1069439
    Victoria

    Hi KenMarshall,

    https://cl.ly/f618a7098c9d We do not see anything in private.

    Here is a thread for you to consider
    https://kriesi.at/support/topic/social-icons-in-mobile-menu-3/

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

    February 20, 2019 at 6:57 pm #1069625
    KenMarshall

    Hi Victoria,

    Thanks for that link it really helped. I’m almost there.

    I have now got the 3 social media icons showing on the fly out menu on the mobile but they have one icon each under the other going down and I want them three in one line straight under the last menu word/link.

    How can I get that to work.

    Thanks.

    Regards, Ken

    February 21, 2019 at 3:03 pm #1069960
    KenMarshall

    Hi,

    I have now got the three social media icons in a vertical line under the last menu entry on the fly out menu of the mobile version.

    I now need the first social media icon (twitter) to be in line with the first letter of the last menu item ‘Contact’.

    Screenshots

    Second screenshot is how I want it to look like.

    *Update – I have now got the social media icons lined up left to be in line with the text on the menu. However, the space between the icons needs to be a bit smaller – tried loads of things but nothing working.

    I’m stuck can anyone help with this please.

    Thanks.
    Regards, ken

    • This reply was modified 5 years, 10 months ago by KenMarshall.
    February 22, 2019 at 2:19 pm #1070337
    KenMarshall

    Hi,

    Any help with this, please?

    Regards, Ken

    February 23, 2019 at 6:58 am #1070591
    Rikard

    Hi Ken,

    Thanks for the updates, though I still can’t see link to where we can see the element in question on an actual site? It’s difficult to help you out if we can’t actually see and inspect the elements on the actual site.

    Best regards,
    Rikard

    February 25, 2019 at 10:12 am #1071180
    KenMarshall

    Hi Richard,

    Sorry it’s here. When viewed on a mobile the fly out menu shows the social media icons at the bottom of the menu, which is where we want them, but is it possible to have them with a smaller gap between each icon?

    Thanks.

    Website

    February 27, 2019 at 8:29 am #1072185
    Rikard

    Hi Ken,

    You have this CSS on the site, it looks to be coming from Quick CSS:

    #av-burger-menu-ul li.burger-social a {
    padding: 50px !important;
}

    Please try to adjust it to your liking.

    Best regards,
    Rikard

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