WordPress.org

Forums

Fancier Author Box by ThematoSoup
[resolved] How can I remove the author box for the narrow width (8 posts)

  1. kdh743
    Member
    Posted 1 year ago #

    I'm using fancier author box on my website : http://www.leunkim.com
    It works well, but I hope to remove fancier author box if users access through narrow widths (for example, iPhone).

    I have tried
    @media (max-width: 523px) {#author-box { display: none; }
    #author-info { display: none; }
    }

    on my CSS, but it does not work.
    Please help me.
    Thank you.

    https://wordpress.org/plugins/fancier-author-box/

  2. Slobodan Manic
    Member
    Plugin Author

    Posted 1 year ago #

    #author-box and #author-info are not CSS selectors we use. You should use .ts-fab-wrapper instead.

  3. kdh743
    Member
    Posted 1 year ago #

    Thanks.
    I tried, but it does not work.
    I changed as follows:
    .ts-fab-wrapper { display: none; }

    I'm using Fancier Author box.

  4. Slobodan Manic
    Member
    Plugin Author

    Posted 1 year ago #

    Can you post your website URL?

  5. kdh743
    Member
    Posted 1 year ago #

  6. Slobodan Manic
    Member
    Plugin Author

    Posted 1 year ago #

    Where have you added this code? I don't see it loading.

  7. kdh743
    Member
    Posted 1 year ago #

    I added the code on my CSS as

    @media (max-width: 776px) {
    #page{clear:both; max-width:600px; !important; padding:0; !important; margin:auto; overflow:hidden; margin-top:15px; margin-bottom:15px;}

    #primary{max-width:600px; padding:0; margin:0 0 0 20px;}
    #banners2 {display:none;}
    #secondary {display: none;}
    #ts-fab-wrapper {display:none;}
    .ts-fab-wrapper {display:none;}
    #ts-fab {display:none;}
    .ts-fab {display:none;}
    #main #content {max-width: 560px; margin:auto; padding: 0;}
    .commentlist {width: 100%;}
    .commentlist > li.comment,
    .commentlist .pingback {margin-left: 50px;width: auto;}
    }

  8. kdh743
    Member
    Posted 1 year ago #

    hi I have resolved this topic.
    Sorry, my site was using cache also for CSS files.
    Thank you very much.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Fancier Author Box by ThematoSoup
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.