Drop the Menu Bar lower

This topic has 7 replies, 2 voices, and was last updated 10 years, 1 month ago by jbattaglia.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
March 13, 2014 at 8:10 pm #11280
jbattaglia
Customer
Hello, My website is..
http://subzerorepair.com
I am trying to drop the menu bar down a little lower to line up with the logo i am using. as you can see its floating a little high. is there any solution to this?
March 13, 2014 at 8:48 pm #11281
Eric
Customer
The menu is showing up in the right place, but the logo seems pushed down a bit (which is partly due to the image itself having space at the top)….did you want to move the logo up more to align with the “header right” widget area? Or did you want to leave the logo in place and add padding to the widget area and push it down more (this will result in a large header). If it is the latter, do you want to move the entire widget area (includes both the phone number, and the menu) or did you just want to move the menu itself?

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
March 14, 2014 at 10:42 am #11292
jbattaglia
Customer
Hey Eric thanks for the reply
The header image has the text placed lower in the image because when I put it at the top to align it with the menu items it wouldnt look right when you got on a cellphone or smaller screen. There would be about an inch gap between our logo and the first menu item. So I dropped the text lower in the header logo. This makes it look better on mobile but now the menu items are too high. Maybe I need to change the height size of the header and menu items all together as I am not using the 164 Px I am given. Let me know if that makes sense
March 17, 2014 at 12:26 pm #11338
jbattaglia
Customer
Or did you want to leave the logo in place and add padding to the widget area and push it down more (this will result in a large header).

THIS!

do you want to move the entire widget area (includes both the phone number, and the menu) or did you just want to move the menu itself?

Just the Menu itself please!
March 18, 2014 at 10:23 pm #11360
Eric
Customer
Looks like you’ve made some changes….but if you still need to move it down, you can look for this in your css –
```
.header-image .site-header .widget-area {
padding: 40px 0;
padding: 2.5rem 0;
}
```
Then add some margin at the top –
```
.header-image .site-header .widget-area {
margin-top: 20px;
padding: 40px 0;
padding: 2.5rem 0;
}
```
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
March 22, 2014 at 12:48 pm #11446
jbattaglia
Customer
Thanks Eric, i ran into a slight problem though.

I implented the code into the css but it dropped the menu too far down. I couldn’t change this no matter what value I added to the Margin-top. So I did away with the whole code and reverted back to normal. Nothing changed. No big deal, I lowered the text in my logo. but now all my landing pages have super high menu bars.

home page

Landing page

any idea whats up? do you do this for a job? are you interested in tidying up my page , can I hire you?
March 22, 2014 at 10:21 pm #11455
Eric
Customer
I have no idea why one page is showing up different than the other. On one page I can see the margin-top added, but it doesn’t show up in the css for the other page. Try disabling the plugin you’re using to minimize your css.

I’m not available just yet, but I’d probably contact Appfinite, or any of the other developers here if you need to hire someone.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
March 23, 2014 at 1:26 pm #11460
jbattaglia
Customer
This worked! I disabled the Minify Options in the W3 Total Cache and everything went back to normal..Thanks ERIC
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Drop the Menu Bar lower’ is closed to new replies.