Hello,

I've recently add sub pages that fall under a Parent heading (e.g a home page heading that occurs on the menu bar from a new page I've created).

Without sub pages, the home page label of a Parent tab has text center aligned (which I would like to maintain for aesthetic reasons).

When adding a sub page to a Parent label, that specific Parent tab's text becomes flushed left, as are any of its sub pages listed in the drop down.

I would like to maintain the drop down items flushed left, while keeping the main Parent tab text aligned center (even when you scroll over the parent tab to reveal the sub pages).

Any thoughts on how I could achieve this? The theme seems to automatically move top menu text alignment to the left when adding sub pages and no options are shown to prevent this.

Thanks for any insight and follow up.

FYI the problem stated above happened as a result of installing the upgraded file bfa_hor_pages.php which was added to theme to correct a separate issue of full color fill in the sub menu dropdowns.

The menu system has a whole bunch of code and doing specific formatting like you mention means diving into the CSS and can get complex. It would help if I could see your site as maybe I'm not clear on what you are talking about.

I've attached a screen shot .png file that shows the menu bar. The 3rd, 4th, 5th tabs currently have items in the submenu thus the Parent text of those tabs automatically become aligned left.

Those tabs where I have yet to add any submenu items have Parent text aligned center (which I would like to have remained centered despite every time I want to add flushed left submenu items).

The menu tabs just are not aesthetically pleasing when the main tab's text gets flushed left - that off balanced look.

The alignment was messed up because the code to remove drop down indicators a.k.a. arrows doesn't re-adjust the padding of the tabs accordingly.

div#menu1 ul.rMenu-hor li.rMenu-expand a {
background-image: none;

need to have the follow code added to the mix:

padding-right: 5px !important;


An old problem disguised in a different way for me I guess. Problem solved. My text has now been fixed and aligned properly.