Top Menu Not Resizing Properly

The top menu isn't resizing well. For small screens (phone), it just gives a menu icon that will show the menus. On tablet and some computers, there are one or two menu items that are falling off the page and not showing at all.

It also isn't resizing the banner picture that's behind the menu.

Any thoughts?

Send link

www.scottcodesigns.com

It just does not have room. You can tighten up logo position to leave room for menu in layout designer in template options.

You're right. Changed the template and that works better.

What about the top picture. I now have everything sizing, but the top picture on the home page. Is there a setting for that?

In template_css.css, this rule

img {
max-width: 100%;
}

limits it to be max wide as its container.

Add this rule to bottom of temlate_css.css to force it 100% on mobile devices portrait view:

@media screen and (max-width:468px) {
.toprow .cell{
width:100%!important;
}

}