-
Posts
-
Hi, I’ve seen this covered before, more than once, and the solutions seem to be very site specific. So I’m trying to make this happen on my site, staging at http://desperationchurch.desperationcollege.com. I’ve attempted using the suggested custom CSS:
nav.main_menu {
left: 25%;
}The issue with this is that it’s relative to the window size because of the percentage. My goal would be to have essentially 3 columns in the header: 1 (far left) is the logo, justified left with a padding. 2 would be the main navigation, centered. 3 would be a button created with short code or something similar, justified right with some padding. Is this doable?
Attached is the look I’m trying to create. Thanks for your help!
Link to image: desired header layout
Hi jtmeggs,
Yes, it is doable. When you add your button we can adjust all the styles. Actually, you can have an extra menu item, and we can style it as a button, or add the button in code.
If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria, thanks! So how will I accomplish the following all on one line, like the previously posted image:
1. Always left justified logo with padding
2. Truly centered justified menu
3. Right justified button with padding
Hi!
To add the button to the header you can add a widget area there and style it the way you need. Here is how you can do it.
If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria, that answered question 3. I still need to know how to have
1. Always left justified logo with padding
2. Truly centered justified menuThe solutions found in other threads are not able to give me a truly justified center menu, with logo and button in head also on the same line.
Please help!
- You must be logged in to reply to this topic.