Site logo pushes down the custom menu

Hi Alice…unfortunately your link requires a login to view the site, so I won’t be able to see it. But to confirm what is happening, the logo has pushed your menu downward where your social icons are?

I’m going to guess that you are on a very small screen, small resolution, or that your menu is very long with many menu links? So a few questions…

1. Are you using a laptop?
2. What is the screen resolution set at?
3. How many menu items does your menu have?

Actually, if you can post a screenshot here, that would help determine what might be happening.

Best Regards,
Andre

How do I attach a screenshot here? When I hit img it asks for a URL, and I don’t see an attach button. I just published the screenshot on my old site: https://beautyinbuildings.com/2016/10/01/beauty-in-buildings-com/

1. Yes, I am on a Mac Book Pro laptop
2. 13.3-inch (1440 x 900) default resolution
3. My Custom Menu has 7 menu items. I took it down to 6 to see if it would shift up at all but it did not.

Thanks so much Andre!

900px height is the problem as this is a small size, but also for the design concept of this theme. It really depends on who the audience is with the site and what they will view the site on, but I would also do the following to try and make up some space:

1. make your logo smaller if you can
2. change the font size of the site title to be smaller so that it goes on one line
3. Create some custom CSS with a plugin like “Simple Custom CSS” and do the following code:

@media (min-width: 68em)
.main-navigation {
    padding: 4% 0 0 0;
}
}

You can adjust the percentage to be less if you need to. By default, it’s set as 8% in the theme. You can also use pixels instead of % if you wish. The value you see above means 4% at the top, 0px on the right, bottom, and left (in that sequence).

By the way, how does the demo site for Morphology look on your screen?
https://demos.shapedpixels.com/morphology-lite/

• This reply was modified 8 years, 5 months ago by Shaped Pixels.

Hey Andre, Making the font smaller and cutting down on words definitely helped. The demo site looks just fine on my computer so I think I just need to keep that in mind as I build this. I’m wondering if the fact that I’m viewing the homepage with the wordpress menu up top is actually pushing things down as well, maybe it will look different once I’m live with the site.

Thanks for the CSS and all your help!

Good point, I never thought about the WP top admin bar–so yes, this will effect short screens because it does take up some space in height away from the screen resolution.

Anyway, good to hear it worked out. Is it safe to set this topic as “Resolved”?

I think so, thanks again for your quick reply and help!