A small but troublesome padding issue

  • Morgan

    (@morganmcreynoldsgmailcom)


    10 years, 2 months ago

    Hi,

    I am using the plugin and liking it very much, but I have found one issue that I want to report.

    In my implementation, I set a background color of the Top Bar to be different than the background color of the page. I also use another plugin that gives me the ability to enable/disable widgets on certain pages. In my implementation, I only want to use the Top Bar on my home page (and perhaps one other in the future).

    I am certain that the other plugin is working correctly because I have tested it with many other plugins that create widgets.

    However, with the Top Bar, when I am viewing a page where I have Top Bar disabled, it leaves a very small “stripe” at the top of the page. That “stripe” is the color of the background I have set for the Top Bar. To see a page where I have the widget enabled, see: http://dab-test.com/. To see a page with the “stripe”, see http://dab-test.com/shop/

    Through the limited HTML and CSS skills I posses, I have deduced that this comes from .woa-top-bar and its setting of padding-top: 5px.

    However, for the life of me, I cannot understand why this doesn’t go away when I use the other plugin to hide the widget. It is almost as if .woa-top-bar is outside of the Top Bar widget somehow, which defies my limited logic.

    I am using this plugin to hide/show the plugin on certain pages: Widget Options (https://ww.wp.xz.cn/plugins/widget-options/) There is a free version that has the hide/show widget capability.

    Making this even more bizarre is that I can use the “Hide On Mobile” feature of your plugin, and I do NOT see the “stripe” at the top of any other pages. So clearly there is a way to achieve the goal of “not showing the entire plugin” in certain situations.

    I wonder if there is something amiss with how .woa-top-bar interacts with certain components in the widgetized area created by the plugin?

    Now you might say, “If you don’t want the stripe, just go in and write a little CSS to get rid of the top padding”. I did that, but when I did, it slams the content against the top of the browser window and just doesn’t look very good.

    I don’t know. I’m out of my depth here. Appreciate any any help. This seems to the case of the “padding I can’t really control”.

    Thanks, Morgan

    https://ww.wp.xz.cn/plugins/storefront-top-bar/

Viewing 1 replies (of 1 total)
  • Plugin Author wooassist

    (@wooassist)

    10 years, 1 month ago

    hey Morgan, please try the custom CSS below if it will work for you.

    body .woa-top-bar-wrap {
    display: none !important;
}
body.home .woa-top-bar-wrap {
    display: block !important;
}

    This CSS will set the top bar to be hidden on all pages except the homepage.

Viewing 1 replies (of 1 total)

The topic ‘A small but troublesome padding issue’ is closed to new replies.