I want to move the main navigation on Confit theme

shamillewharton · Member · Mar 21, 2013 at 7:00 pm
Copy link

Add topic to favorites
I’m using the confit theme … I’d like to move the main navigation under an image widget … my site is akitchensomewhere.com … and I have the custom design upgrade. Please assist.
designsimply · Member · Mar 21, 2013 at 11:09 pm
Copy link
You should always include a link to the site or an example page whenever possible. Here is a link to your site for reference:
http://akitchensomewhere.com/

Here’s one way to move the elements around. You can use absolute positioning to target the exact text widget you want to move (id=”text-3″ in this case) and then put some extra padding above the menu to make space for the image. The “overflow:visible” option is needed so you can see the image after it is moved outside of the normal spacing for the #secondary block:
```
#secondary {
	overflow: visible;
}
.main-navigation {
	padding-top: 170px;
}
#text-3 {
	position: absolute;
	top: -440px;
	left: 40px;
}
```
Note that you should experiment with the number values in the example if you want to adjust the spacing or tweak it a little bit.

If you’d like to learn more about CSS, start here:
http://www.htmldog.com/guides/cssbeginner/

If you’d like to learn more about absolute positioning, this is a really great article:
http://css-tricks.com/absolute-positioning-inside-relative-positioning/

Your blog looks fantastic!
shamillewharton · Member · Apr 11, 2013 at 6:48 pm
Copy link
So sorry it’s taken so long to see this … I didn’t receive a notification. Thank you for getting back to me and for the information… I’ll give it a shot!

No items found.