WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Align Right Problems

[Resolved] Align Right Problems

  • golfer300
    Member

    @golfer300

    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/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Ewout
    Participant

    @pomegranate

    Whoops! Double post – see Jeremiah’s answer!

    Plugin Author Jeremiah
    Participant

    @jprummer

    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.

    Plugin Author Ewout
    Participant

    @pomegranate

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

    golfer300
    Member

    @golfer300

    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.

    Plugin Author Ewout
    Participant

    @pomegranate

    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.

    Plugin Author Ewout
    Participant

    @pomegranate

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Align Right Problems’ is closed to new replies.