WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce Menu Cart
[resolved] Align Right Problems (7 posts)

  1. golfer300
    Member
    Posted 1 year ago #

    My site is codingmadesimple.com. (I am using a plugin to show a countdown and prevent regular visitors from seeing my current work until its ready)

    I have activated the plugin and selected align right so it would appear on the far right of my main menu. However, this feature does not appear to be working. I then selected align left to see if that made a difference but I noticed no changes. Am I doing something incorrect or is there conflicting code somewhere on my site?

    http://wordpress.org/extend/plugins/woocommerce-menu-bar-cart/

  2. Ewout
    Member
    Plugin Author

    Posted 1 year ago #

    Whoops! Double post - see Jeremiah's answer!

  3. Jeremiah
    Member
    Plugin Author

    Posted 1 year ago #

    Hey!

    Somehow we dropped the css on a recent update. Add the following to your theme's custom css:

    .wcmenucart-display-right {
    float: right !important;
    }

    We'll push an update soon, but that should do it for now.

  4. Ewout
    Member
    Plugin Author

    Posted 1 year ago #

    Hey Golfer, can you confirm this fixes the issue for you?

  5. golfer300
    Member
    Posted 1 year ago #

    Yes the CSS did fix the issue on my codingmadesimple.com site.

    However, my test site amanofreason.com/codingmadesimplenet is still having issues after I implemented the CSS but I think it has something to do with my theme code and not the CSS you gave me.

  6. Ewout
    Member
    Plugin Author

    Posted 1 year ago #

    Ok, good to hear it worked for you. I checked out the other site and I'm not sure what exactly is causing the issue, but you can do either give #header-nav a width (say 70%) or disable the float: left on #header-nav (you'd need to solve that in another way).

    Hope that helps!

    p.s. the !important tag wasn't yet visible on that website, so possibly you have not actually updated it.

  7. Ewout
    Member
    Plugin Author

    Posted 1 year ago #

    Hey Golfer, I'm closing this issue. The above suggestion should do the trick for you.
    I also found out what the root cause of this issue is, namely that a css box that is floated doesn't automatically get stretched to the full width (this makes sense if you think of it). Now because the container for your menu (#header-nav) is floated left, it is not stretched and there's nowhere to float right to within that container.
    This is why giving it a width or disabling float is the right solution.

    Let us know if you have any other issues though!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.