Navigation, Footer and Social Media

[chiquitamich 0]

Hi, I'm new to wordpress, website creation and platform pro so new to everything really Could someone please help! I'm stuck on the following: 1. if you look on my site www.thetrehaus.com you'll see that my navigation and my logo don't line up, i'd like the nav. buttons to be aligned with the bottom of the logo, is this possible?? I've experimented with the custom CSS section of the site and pasting code in, so if you have code that'll do this that I can paste, please let me know 2. I'd like to create a footer that looks similar to the pagelines footer, ie. a feed from my blog page, an RSS feed from another blog i'm a part of, a community section like the pagelines one with my facebook and twitter, and a links section. How can I do this? 3. How can I move the social media icons (currently bottom right corner) to the top right, at the end of my navigation section. I only need the facebook, twitter and rss buttons so people can subscribe. Also do you know if there's a button for a be.hance profile? i have a portfolio there.

[bryan-hadaway 3]

1. You're on the right track with CSS customization. You'll want to adjust padding. You'll want to get familiar with Firebug: http://www.pagelines.com/docs/changing-colors-fonts 2. You can adjust these menus/links in: Appearance > Menus 3. Only the icons you set should show up. No be.hance profile icon, this can be done with some customization. Thanks, Bryan

[chiquitamich 0]

Hey bryan, I tried that and it's great fixed some of the padding issues, but my nav is still lining up with the top of my logo not the bottom which is annoying. Any sugggestions where i should look and what i should be substituting the existing setting with? Thanks! Mich

[bryan-hadaway 3]

Looks like you're editing your site and deleted the index.php? Thanks, Bryan

[chiquitamich 0]

Hi Sorry Bryan, The new address is http://thetrehaus.com/index2.php/ I just want to stop clients from looking before it's done, thus the need for a splash page. Anyway. I'm still trying to get the nav to line up with the bottom of the logo in the BrandNav section up the top of the screen. Also is there a way to give the nav section a transparency? I'm going to place a background image on soon, and I'd just like the navigation to float over the image, not block it. thanks Michelle

[bryan-hadaway 3]

Did you adjust your Template Setup at all? It appears the menu has been set to inline which it shouldn't be. If it's not the settings that the issue we can try the CSS solution: `#brandnav .main_nav{clear:both}` add to Custom Code > Custom CSS. Thanks, Bryan

[chiquitamich 0]

Hi Bryan, Thanks for the response, but I want the logo and menu to line up, I just want the menu to line up with the bottom of the logo instead of the top. The code you gave me moved the navigation to below the logo. I'm not sure if that's possible. Thanks

[Kate 3]

Hey Michelle - Have you tried out Firebug? I think it will help you out. Generally in instances like this, you're looking at a padding or margin setting. In this case, it was on the ".main-nav" div. Try this code:

.main-nav{margin-left:0px !important;}

[kgstew 2]

Hi Michelle, If you still have not found a solution you might look at a the following code. #brandnav .main_nav ul.main-nav { float: left; margin-left: 20px; } This margin is pushing your menu to the right. Try adding this to your base.css file and changing the margin. Typically these kinds of problem are caused by margins or padding as previously suggested. Just keep checking with Firebug http://getfirebug.com/ and look for the css element that is moving the positioning around. From the look of your site it seems you are attempting quite a bit of custom coding for the look and feel of the page. I would suggest getting comfortable with the features that platform already has to offer before going too in depth on your own to start. Pagelines developers have put a lot of time into giving you the tools to create a professional website with minimum coding on your part. Check out the documentation and keep poking around the web for CSS tricks and techniques as well! Cheers, -Kyle

[chiquitamich 0]

thanks for your help guys, it's not working. I think i'll just leave it for now.

[bryan-hadaway 3]

If you don't want it under and more lined to the side use: `#brandnav .main_nav{margin-top:40px}` Changing 40 until it looks good, that's all. Please give it a shot, CSS is easier than you might think: http://www.pagelines.com/docs/changing-colors-fonts http://www.w3schools.com/css/ Thanks, Bryan

[chiquitamich 0]

Hey that worked thank!!!!! Next question - how to i get the facebook and twitter icons showing on the top right next to the nav. section (i've aligned the menu to the right, and i'd like the F and T icons to come up on the end of the menu, any suggestions??? thanks! michelle

[bryan-hadaway 3]

It's the same thing I did with the nav margin. Please pickup Firebug and give it a shot and I will assist further: http://www.pagelines.com/docs/changing-colors-fonts http://www.w3schools.com/css/ Thanks, Bryan