Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 1, 2019 at 4:22 pm #1143811
    KosmetikAndNails

    I found this thread to make a sticky topbar with social media icons on mobile but it did not work.

    Here’s what I added to css to try it with the topbar first:

    
@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
    width: auto;
}
}

@media only screen and (max-width: 767px){
li#menu-item-541{
float:right!important;
margin-top:12px!important;
}

.av_icon_active_right .social_bookmarks{
padding-left:0px!important;
}
}

    The phone number (resp. the 2nd menu) is floating right, but there are no social media icons. What did I miss in the code?

    Is there maybe a way to make the mobile header like the desktop header, where the social media icons are shown next to the burger menu?

    October 4, 2019 at 7:05 pm #1145043
    Victoria

    Hey KosmetikAndNails,

    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) {
    .responsive #top #wrap_all #header_meta .social_bookmarks {
        display: block;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 17, 2019 at 11:54 pm #1157697
    KosmetikAndNails

    Is there maybe a way to make the mobile header like the desktop header, where the social media icons are shown next to the burger menu?
    The menu is unfortunately not sticky with your code above in mobile breakpoints

    November 20, 2019 at 1:56 pm #1158474
    Victoria

    Hi KosmetikAndNails,

    Please have a look at the solution shared here:
    https://kriesi.at/support/topic/sticky-header-on-mobile-7/#post-917970

    Best regards,
    Victoria

    March 12, 2020 at 3:05 pm #1192643
    KosmetikAndNails

    Hi Victoria

    Sorry for the late reply 8-/. The code works for the “sticky menu”, but it still shows the social media-icon on top, then the infoline and in the 3rd row the menu… is there no way to sshow the social media icon similar to the desktop version in the same row as the menu?

    Printscreens

    March 12, 2020 at 3:06 pm #1192644
    KosmetikAndNails

    Is there a way to show the menu first and then the infoline/social media icons?
    And maybe a way to not show them centered but aligned right?

    March 13, 2020 at 7:35 pm #1192943
    Victoria

    Hi KosmetikAndNails,

    Please try the code like this:

    
@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header_meta .social_bookmarks {
        display: block;
        width: 10vw;
    }
}

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

    March 16, 2020 at 2:39 pm #1193486
    KosmetikAndNails

    Thank you so muh Victoria :-) Info and social media in the same row is nicer when you only have one or two icons :-)

    If there’s a solution to arrange the social media/info-row and burger menu that would be perfect. I’d like to show the menu on top and the social media/info in the 2nd row.

    Where would I find this in the function.php to play around with the layout?

    March 19, 2020 at 5:28 pm #1194470
    Victoria

    Hi KosmetikAndNails,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

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