Change top menu/navigation bar (Modularity Lite) to align left instead of right

hugaporcupine · Member · Mar 16, 2014 at 5:02 pm
Copy link

Add topic to favorites
Hello there,
Can anyone advise me where I should go (under editor) to change the top menu/navigation bar (for Modularity Lite) to align left instead of right.

Which “.php” or “.css” file should I edit under, and which section?

Thanks in advance
designsimply · Member · Mar 16, 2014 at 7:43 pm
Copy link
Here at WordPress.com, the option to edit theme files, such as PHP files, is not permitted. However, there is an paid upgrade called Custom Design that gives you the option to add custom CSS.

If you have a WordPress.org setup, then you may edit any files you’d like but you must manage the software and edits you make on your own and also purchase a web hosting account where you can install WordPress. To learn more about the differences, see http://en.support.wordpress.com/com-vs-org/

If you have a blog hosted here at WordPress.com and you have also purchased the Custom Design upgrade, then you can add CSS using the Appearance > Customize > CSS editor.

Here is a guide about how CSS editing works at WordPress.com:
http://en.support.wordpress.com/custom-design/editing-css/

Here is a CSS example based on the Modularity Lite WordPress theme demo site that will reverse the floats putting the site title on the right and the main menu on the left:
```
#masthead {
	float: right;
}

#top div.main-nav {
	float: left;
}
```
hugaporcupine · Member · Mar 20, 2014 at 6:12 am
Copy link
Thank you for your reply!
I’m using wordpress.org and have it hosted on dreamhost.
this is my site. http://hugaporcupine.com/

Can you advice me which part of the coding should I edit?
If I’m not wrong its Appearance > Editor > Style.css?
But I’m not sure which part of the code should i be editing.

Thank you in advance!
hfzrhmn · Member · Mar 20, 2014 at 6:36 am
Copy link
Hi there!

If you’re using WordPress.org, the support forum is available at http://wordpress.org/support/ Please re-post your question there instead. Good luck!
designsimply · Member · Mar 31, 2014 at 3:03 pm
Copy link
Can you advice me which part of the coding should I edit?

I would recommend the CSS Editor that comes with the Jetpack plugin. :)

If you have more questions, do ask at http://wordpress.org/support/

No items found.