Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 4, 2017 at 10:10 pm #847914
    edgelogos

    Hi there,
    Wondering if there is anyway to make the top social media bar stick on mobile and desktop.
    So just the social bar – no logo/menu (want to hide that specifically on mobile).

    I’ve seen some code floating around for the social media bar, but everytime I’ve tried it did something wonky to the desktop version.

    Ideally I would like this to be able to float on mobile

    • This topic was modified 7 years, 2 months ago by edgelogos.
    September 5, 2017 at 4:40 pm #848189
    Yigit

    Hey,

    Please go to Enfold theme options > Header > Header Behaviour and choose to display shrinking header and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .header-scrolled #header_main {
    display: none;
}

    Best regards,
    Yigit

    September 7, 2017 at 11:42 pm #849331
    edgelogos

    This doesn’t do anything on mobile. This only effects desktop which is not what I asked about.

    I don’t want the main header to shrink on desktop. I need this for MOBILE ONLY. I think you misread.

    • This reply was modified 7 years, 2 months ago by edgelogos.
    September 9, 2017 at 6:23 pm #849979
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) { #top #header_meta {
    position: fixed!important; 
    width: 100%!important; }
#header_main { padding-top: 50px!important; }
}

    Please clear your cache

    Best regards,
    Mike

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