Need to use text-align: right AND text-indent: -9999px


Here’s the site I’m working on:

I added text-align: right to the div (.top-menu .wrap) that’s holding the menu at the very top (about, contact, advertise, overwhelmed? start here, and submit freebies & deals). As a result, the text-indent: -9999px on the last two links (overwhelmed, submit freebies) isn’t working.

Is there a way around this or a better way to do this? The positioning is perfect. Now I just need the text to go away on those 2 buttons.

Thanks for any ideas! :slight_smile:

Various things you could do there, probably neater than this, but it works:

.top-menu .widget_nav_menu li.overwhelmed a, .top-menu .widget_nav_menu li.submitfreebies a {text-align: left;}

Oh, thank you so much! I had tried adding text-align: left, but to the wrong section. I was trying to add it to the li a. Thanks again!!

You’re welcome. Glad to help. :slight_smile: