WordPress.org

Ready to get started?Download WordPress

Forums

WP Menu Cart
[resolved] cart displays differently in Safari and FF/Chrome (4 posts)

  1. danwpc
    Member
    Posted 10 months ago #

    The shopping cart appears in one horizontal line in Safari (that's what I want) but not in FF or Chrome. See here. I'm assuming there's a <div> that needs a few more pixels, but can't seem to target it with css.

    Also, my page is responsive and the cart is not dropping down to the next line in FF/Chrome when I close my browser to 800px.

    http://wordpress.org/plugins/wp-menu-cart/

  2. Jeremiah
    Member
    Plugin Author

    Posted 10 months ago #

    Hey there!

    You just need some simple css adjustments as your theme's styles are overriding the menu cart styles. Ex:

    a.wpmenucart-contents span.cartcontents {
    display: inline-block !important;
    }
    a.wpmenucart-contents span.amount {
    display: inline-block !important;
    }

    As far as the width goes, that depends on your theme, not the menu cart plugin. What's happening is your theme is designed to implement the responsive settings at a specific page width. If you want to insure everything stays on the same line, you'll need to reduce the size of the menu items, remove a menu item, or modify your theme's css to make it implement the responsive css a wider width.

    Hope that helps!

    Jeremiah

  3. danwpc
    Member
    Posted 9 months ago #

    Ok, that's what I was looking for Jeremiah. Thanks!

  4. Jeremiah
    Member
    Plugin Author

    Posted 9 months ago #

    You're welcome! Let me know if you have any other questions. :)

Reply

You must log in to post.

About this Plugin

About this Topic