Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 18, 2019 at 8:12 pm #1139657
    tonyiatridis

    Hi,

    I’ve tried css code I found in several older threads to make the social media icons visible in mobile view, but none have worked.

    Curiously I added this:

    @media only screen and (max-width: 1000px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
    }
    .av-main-nav > li {
    display: none;
    }}

    Which I also found in an older thread to make the break point for when it switches to mobile view 1000 pixels due tot he clients very long horizontal logo and for just a brief moment around 770 pixels wide or so they do appear. But then they disappear again. But as I said no social media icons in mobile view when that code isn’t there anyway, so I’m perplexed.

    How can I get the social media icons up top in mobile view and keep the 1000 pixel break as well. Actually I don’t see how one has anything to do with the other, but worth mentioning

    Thanks

    September 22, 2019 at 5:56 am #1140542
    Rikard

    Hey tonyiatridis,

    Sorry for the late reply. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top #header .social_bookmarks {
    display: block !important;
}
}

    Remember to clear the cache from your plugin and local browser before checking the results.

    Best regards,
    Rikard

    September 29, 2019 at 2:20 am #1143054
    tonyiatridis

    hi Rickard,

    Yeah I already have that css loaded, but see the screenshot here. The logos are outlined and change to black:

    http://crystalgoddess.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-28-at-8.18.23-PM.png

    Thanks,

    Tony

    September 30, 2019 at 10:46 am #1143278
    Victoria

    Hi Tony,

    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 #header_meta .social_bookmarks li a {
      
        color: #fff;
    }
   .responsive #top #header_meta .social_bookmarks li {
      border-color: transparent;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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