Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 21, 2016 at 3:07 pm #663421
    envapk2

    Hi
    To make a social icon appear on mobile I used the code below. This works fine except that it moves the menu icon down a bit, out of line with the logo, thus:

    How can I raise it up a bit?

    many thanks

    Peter

    @media only screen and (max-width: 989px) {
    .responsive .av_mobile_menu_tablet .main_menu {
    display: block !important;
    }
    .avia-menu { display: none !important; }}
    @media only screen and (max-width: 767px) {
    .responsive #header .main_menu ul {
    display: block !important;
    }}
    @media only screen and (max-width: 767px) {
    .responsive.html_header_top #header_main .social_bookmarks {
    right: -30%;
    width: auto;
    margin-top: 5%;
    }}
    @media only screen and (max-width: 767px) {
    .responsive.html_header_top #header_main .social_bookmarks {
    right: -90%; }}

    July 22, 2016 at 10:58 am #663766
    Rikard

    Hey envapk2,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
#advanced_menu_toggle {
    margin-top: -55px !important;
}
}

    Thanks,
    Rikard

    July 22, 2016 at 4:42 pm #663968
    envapk2

    Hi Rikard

    That’s great.

    many thanks

    Peter

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘mobile menu and social icon’ is closed to new replies.