WordPress.org

Ready to get started?Download WordPress

Forums

Easy Heads Up Bar
[resolved] Is Easy Heads Up Bar responsive? (6 posts)

  1. vipteam
    Member
    Posted 1 year ago #

    Is plugin safe to use with WP 3.5? Is Easy Heads Up Bar responsive? Where can see the demo?

    Thanks in advance

    http://wordpress.org/extend/plugins/easy-heads-up-bar/

  2. Greenweb
    Member
    Plugin Author

    Posted 1 year ago #

    Hello the width is set at 100% in the css. You will of cause be able to override it at any time. As for a Demo - why not just install it on your site and see, it wont cost you a penny ;) .

  3. vipteam
    Member
    Posted 1 year ago #

    Thanks for your reply. Now I'm going to install the plugin :)

  4. redr0ver
    Member
    Posted 1 year ago #

    WordPress version: 3.5.2
    Plugin Name and version: .4

    I had been using this plugin on a previous site with no problems, but when I rebuilt my site using the WooTheme Mystile (using WooCommerce), the bar doesn't go 100% across the page.

    In my installation of this theme, I also have content wrapped inside a frame, which further truncates it, but even when I change to not wrap inside a frame, it leaves white space on both side.

    Of all the other notification bars out there, this one doesn't conflict with other plugins and isn't bloated with features—I love it...I just need to figure out what's causing this display problem!

    http://www.redrovercoffee.com

  5. Greenweb
    Member
    Plugin Author

    Posted 1 year ago #

    Hi redr0ver,
    Thanks for the details and the link super helpful.

    What's going wrong:
    The bar is attached just below the <body> tag of your website. This is the highest tag that we can attach to without breaking web standards.
    The bar's layout is affected by the theme applying a margin and padding to the body. Normally in WP themes we see this applied to an element within the body, so it does not affect the bar's layout.

    Solution:
    This is not a perfect fix as on smaller devices there maybe an overlap at the top.
    It looks like you're Theme is bundled with a custom.css file, add the following to css to it:

    #ehu_bar {
        top: 0; left: 0; right: 0;
        position: absolute !important;
    }
  6. redr0ver
    Member
    Posted 1 year ago #

    Actually, this works perfectly for me. My bar always has a minimum of text so it shouldn't be much of a problem. Thank you for the remarkably quick response!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.