floating social icon of phone version blocking my content

  • luistan17

    (@luistan17)


    3 years, 10 months ago

    Hello, how to adjust floating social icon of my phone version, those icon block my content, please kindly guide me how to do thanks

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Prashant Singh

    (@prashantvatsh)

    3 years, 10 months ago

    Hi @luistan17

    On the mobile device, you can simply hide them because you already have the share icons below the title.

    To hide them from the entire phone version(all the pages) please use the following CSS code: 

    @media only screen and (max-width:767px){
    div#dpsp-floating-sidebar {
        display: none;
    }
}

    Thanks

    Thread Starter luistan17

    (@luistan17)

    3 years, 10 months ago

    Thanks Prashant, its quite helpful your css code, but i wonder is it possible can make the social icon stay bottom panel smartphone like this website, it look different in smartphone version

    https://petersfoodadventures.com/2020/06/05/cabbage-pie/

    Prashant Singh

    (@prashantvatsh)

    3 years, 10 months ago

    On the desktop version they already have it in three places – below the title, floating, and below the content. On the mobile version, they are hiding the floating one and are left with – below the title and below the content.

    Same you can also do if you want.

    Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘floating social icon of phone version blocking my content’ is closed to new replies.