Odd things happening with MENU when browser is shrunk.

[Marc]

We designed a site using your theme, but can’t seem to figure out why there is such a large whitespace between the menu, header and slider when the browser shrinks in width.

Also, the logo in the top left becomes cropped when you shrink below a certain width.

I’ve attached screen shots to better diagnose the problem.

Thank you,

M

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this code:-

@media only screen and (max-width: 767px) {
 div.inner-page-wrap{padding-top:50px !important}
}

Thanks 🙂
With Best Regards
Mohammad

[Marc]

Thank you so much. The time in which you respond to inquiries is amazing.Do you have any suggestions for the cropped shrunk logo?

The logo looks fine with a small width if you’re scrolled all the way to the top of the page. the moment you scroll down, and the green bar extends in height. The logo viewable area shrinks, and the image becomes cropped.

-M

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 767px) {
.sticky-header-resized #logo {
    height: 150px !important;
}
}

Thanks 🙂
With Best Regards
Mohammad

[Marc]

Why is it, or should I say; how can make the space between the shrinking logo and menu shrink, as the browser is being resized?

My main concern is the browser real estate that the green box occupies. It’s just to large, especially when the width of the browser shrinks.

-M

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Mr. Kyle will assist you now.
Thanks 🙂
With Best Regards
Mohammad