responsive is not working

  • Resolved sallyndra

    (@sallyndra)


    8 years, 8 months ago

    Hi,

    I’m using Add to any, and it’s great on the desktop floating right but, now I’m reviewing all the responsive part. I’ve got :
    – vertical buttons set to: Only display when screen is larger than 980 pixels wide
    – horizontal buttons set to: Only display when screen is smaller than 980 pixels wide”

    But… I’ve got both on desktop and mobile devices. How can I change this?
    I’m working on PC, Chrome (same thing with Firefox).

    Thanks !

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author micropat

    (@micropat)

    8 years, 8 months ago

    It should work when either “Responsiveness” checkbox is ticked, and you should see the following code when you View Source of a page in your web browser:

    <style id='A2A_SHARE_SAVE-inline-css' type='text/css'>
@media screen and (max-width:980px){
.a2a_floating_style.a2a_vertical_style{display:none;}
}
@media screen and (min-width:981px){
.a2a_floating_style.a2a_default_style{display:none;}
}
</style>

    Right now that code isn’t appearing in the HTML source on your site.

    So if those Responsiveness checkboxes are ticked, you should try temporarily deactivating other plugins and/or temporarily switching themes to find what’s preventing the option from working on your site. Any ‘site optimization’ plugins or options would be suspect in this case.

    Thread Starter sallyndra

    (@sallyndra)

    8 years, 8 months ago

    Thanks for your answer.

    I just add the media queries in the CSS and now it’s working. I don’t know which plugin (or theme) was the cause, but it’s working anyway. It was as if the “responsiveness” part wasn’t seen before.

    Have a great day 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘responsive is not working’ is closed to new replies.