Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Anna Bansaghi

    (@annabansaghi)

    Hi @anunciaunai ,

    There is no setting for that in the plugin, but you can hide the bar with custom or additional CSS.

    For example, if you want to hide it on the Front page, use this CSS:

    .home #mobile-contact-bar {
        display: none;
    }

    Or you can hide it on specific post or page by using the Post ID:

    .postid-222 #mobile-contact-bar {
        display: none;
    }
    Thread Starter anunciaunai

    (@anunciaunai)

    Placeholder color is still showing. I would like to completely hide!

    Plugin Author Anna Bansaghi

    (@annabansaghi)

    Oh, you are right! I did not realize that you use placeholder.

    The CSS for placeholder is added on the body tag, and
    the home and postid-222 are classes on the body tag. This means the placeholder can be removed by:

    .home {
        border-bottom: 0 !important;
    }
    

    or

    .home {
        border-top: 0 !important;
    }
    

    depending where the placeholder is on the page: at the bottom or at the top.

    Similarly, for specific page identified by ID:

    .postid-222 {
        border-bottom: 0 !important;
    }
    

    or

    .postid-222 {
        border-top: 0 !important;
    }
    

    I know this is inconvenient, because if you change the position of the bar, you need to adjust the CSS too (border-top vs. border-bottom). I will work on feature to make it more user friendly.

    Plugin Author Anna Bansaghi

    (@annabansaghi)

    Oh, you are right! I did not realize that you use placeholder.

    The CSS for placeholder is added on the body tag, and
    the home and postid-222 are classes on the body tag. This means the placeholder can be removed by:

    .home {
        border-bottom: 0 !important;
    }
    

    or

    .home {
        border-top: 0 !important;
    }
    

    depending where the placeholder is on the page: at the bottom or at the top.

    Similarly, for specific page identified by ID:

    .postid-222 {
        border-bottom: 0 !important;
    }
    

    or

    .postid-222 {
        border-top: 0 !important;
    }
    

    I know this is inconvenient, because if you change the position of the bar, you need to adjust the CSS too (border-top vs. border-bottom). I will work on feature to make it more user friendly.

    Plugin Author Anna Bansaghi

    (@annabansaghi)

    I really would like my message to reach you 🙂

    Oh, you are right! I did not realize that you use placeholder.

    The CSS for placeholder is added on the body tag, and
    the home and postid-222 are classes on the body tag. This means the placeholder can be removed by:

    .home {
        border-bottom: 0 !important;
    }
    

    or

    .home {
        border-top: 0 !important;
    }
    

    depending where the placeholder is on the page: at the bottom or at the top.

    Similarly, for specific page identified by ID:

    .postid-222 {
        border-bottom: 0 !important;
    }
    

    or

    .postid-222 {
        border-top: 0 !important;
    }
    

    I know this is inconvenient, because if you change the position of the bar, you need to adjust the CSS too (border-top vs. border-bottom). I will work on feature to make it more user friendly.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hide top bar’ is closed to new replies.