-
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.Can you let me know how to accomplish all 3 of these things?
Here’s what I’m trying to accomplish: http://imgur.com/a/LrwhY
Hey dccullman,
this button can be inserted as a header widget: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
Once you’ve inserted it as inside your header widget and still need help, let us know.
Best regards,
AndyHey Andy, I’ve got the widget inserted. That helps with part 3 of the header question. I still need assistance on part 1 and 2. I’m adding the site credentials below.
Hi,
you can move your main menu to the left with this code inside Quick CSS field:
nav.main_menu { left: 19%; } You can adjust your header widget's padding with this code: .avia-button.avia-size-x-large { padding: 20px 0px 20px 0px; }Adjust everything as needed.
Anything else you need for this here?
Best regards,
Andy
- You must be logged in to reply to this topic.