Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 8, 2017 at 6:48 am #789331
    mikkijack

    I’ve been working with this for a long time and I can’t get it to work.

    It won’t even show up.

    I’ll put my login info in the private area.

    This is the one I’ve been trying to do..

    Social icon in mobile menu

    May 8, 2017 at 9:29 am #789356
    Nikko

    Hey mikkijack,

    Can you give us ftp access also?

    Best regards,
    Nikko

    May 8, 2017 at 10:33 am #789384
    mikkijack

    Thanks for getting back to me, but the site won’t let me. You can go through the login though.

    May 8, 2017 at 11:27 am #789419
    Victoria

    Hi mikkijack,

    You need to add social icons in normal mode, I did not see them anywhere. And then apply the code give in that thread in your original post.

    Best regards,
    Victoria

    May 8, 2017 at 4:11 pm #789688
    mikkijack

    Sorry about that. I was trying to figure it out and forgot to put them back in the header. I tried the code on that page. I was trying it several ways for a long time and nothing happened. That’s why I posted here.

    May 8, 2017 at 7:49 pm #789793
    Victoria

    Hi mikkijack,

    I found a better spot for your social icons. Try this code and let me know how it works for you :)

    
@media only screen and (max-width: 767px) {
.inner-container {
 min-height: 280px;
}
#main .inner-container .social_bookmarks {
    left: 26% !important;
    width: 100%;
    top: 87% !important;
    margin: 0 !important;
}

}
@media only screen and (max-width: 479px) {
  .responsive.html_top_nav_header .social_bookmarks {
    display: block !important;
   }

   #top .social_bookmarks li {
         width: 38px;
   }
   #main .inner-container .social_bookmarks {
    left: 5% !important;
    width: 100%;
    top: 89% !important;
    margin: 0 !important;
}
.inner-container {
 min-height: 240px;
}
}

    Best regards,
    Victoria

    May 8, 2017 at 8:18 pm #789805
    mikkijack

    Victoria, you are absolutely FANTASTIC!!!!!! Thank you so much! It’s perfect!!! I worked on that for hours and couldn’t do it. It was driving me crazy. Thank you SOOOO much!

    One last question, is there a way to have the menu bar at the top not have the side margins? I want it to stretch across the full screen. When I tried to change the 95% to 100%, but it made the whole site at 100%. How can I just make the mobile menu full width?

    May 8, 2017 at 11:59 pm #789911
    Nikko

    Hi,

    Try adding this css code in Quick CSS:

    @media only screen and (max-width:767px) {
  .responsive #top #wrap_all .container.av-logo-container {
    width: 100%;
    max-width: 100%;
  }

  .responsive #top #wrap_all .container.av-logo-container .logo {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

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