Large space above the icon topbar in mobile.

[Bill]

Bill

April 4, 2017 at 12:14 pm

Hello again,

This is a separate topic from my last one.

I added the “topbar” in both the PC version and also the mobile version, however, they are being used for different things. When you load the site in a 1024 x 768 or large viewport, everything looks normal and the page is all the way to the top of the browser window. In a smaller resolution however, there is a very large gap between the topbar and the top of the window.

I found the “div id” that controls that and amended it to read the following:

After inspecting code in chrome I found:

#id kad-header-menu-sticky-wrapper .sticky-wrapper style {
height: 151px;
}

I then tried changing it to this:

#id kad-header-menu-sticky-wrapper .sticky-wrapper style {
height: 0;
}

It immediately fixed the issue in the Chrome Inspector, but unfortunately, the problem returned after saving the new css in the website and refreshing the page.

I looked all through the site settings and can’t find what setting is affecting this.

Also, and this may or may not be related, none of links work in the icon menu in mobile. The menu looks great and everything fits in an IPhone view, but the links go nowhere.

Again, I have to run to the office for a couple of hours, but when I get back, I can send a (private) link to whomever replies to this post.

Thanks again for your attention to these matters,
Bill