Sticky header not sticky and IE bugs

Support
#1

Sticky headers/bars is not sticky. This functions only work on the global. Same goes for dropdown that does not work properly.

There is also a few IE bugs, is the header builder missing fall backs for IE?

#2

Hi there,

Thanks for posting in.

There are many malformed HTML elements in your page, you may check it here https://validator.w3.org/nu/?doc=https%3A%2F%2Fbrasilcasinos.com.br%2F

You should check your content and fix them. I’m not saying this is the primary source of the issue, but it could be and you should fix them one by one. It looks okay in chrome since it automatically fixs malformed HTML.

Thanks!

#3

Hi Rad,

Some of the errors from the w3 validator are from the default Pro builder. Which is telling me you have a few things to fix as well. I don’t believe this is going to solve the issue. Since I’ve tried the header on a clean new page.

Since what I heard from the support before is that you´re aware of the bugs in IE. But last time I got help with the footer bug by some customized CSS or JS to solve it until the update.

Thanks

#4

Hi there,

What error? What you need to fix are errors with malformed content, like Error: Stray end tag. I’m sorry if I didn’t clarify it :slight_smile:

You can ignore other errors such as Element div not allowed as child of element span i as they are coming from other content, like from [breadcrumbs] or from the TablePress content that you added within the content.

Please fix the malformed content first, they aren’t from Pro theme :slight_smile:

Malformed content are from stray tags (eg. element with no closing element, or closing element without an opening element).

Example, these are wrong

<div> hi <span> there </div>

The span is added without close element.

Once cleaned then I’ll check it again :slight_smile:

Thanks!

#5

I’m familiar with the wc3 validator. But I’m not convinced that that is causing the issue. Just looking at your site in IE you have issues as well.

Can you send this question further to some of the developers of the theme instead?

You´re just taking a shortcut here and not investigate. So please assign this to a more senior and one of the original developers of them.

This support was much better through email when you had knowledgeable support and service minded.

Thanks

#6

Hi there,

Sure, I’ll forward this to our developer. But would you mind letting me know which part of our site has this issue? Maybe I can forward that too, our site and demos are still using the old version of X (4.5.2), they are still in the process of updating it. I’m just wondering if our site’s issue is still the same in your issue (Pro), because the old version is very different to Pro when it comes to sticky navbar.

But regardless, you should still fix your malformed content. Any broken element could also break any relative elements. I’m forwarding this now.

Thanks!

#7

You see the print, don’t you?

I will send in a bug-killer later on in the project. So we will fix this issue sooner or later.

But the issue right now was that old IE version couldn’t handle auto, but on the other hand, Microsoft does not update IE anymore they went to Edge which is much better. But anyhow there is still a few users using IE 11 etc.

Thanks!

#8

Hi there,

Yes, I do see it in your screenshot, but not the same on my IE. So I thought you fixed it as well, I checked it again and it seems to be okay. Perhaps you can show me a video recording instead of screenshot? It will be a lot helpful :slight_smile:

Thanks!

#9

Okay, since I’m a Mac user I only used a browser rendering tool which seems to be quite accurate. Did you test in Edge or IE 11? Edge is fine the issue is on IE 11 which still users tend to use.

I also have issues when the sticky bar jumps un sexy when scrolling. Can you have a look on that? I’ll share the link in a security note.

#10

Hi there,

I did test it in IE11, I have both Mac and PC(Windows 10) and I can’t really tell what’s the issue with the logo, it’s not stretched on my view.

Or perhaps you’re referring the circular green object in the middle? If yes, then you should use different image format in IE, SVG images doesn’t play well in IE especially when it comes to sizing.

Thanks!

#11

Ok, thanks for the information.

I have another issue, why the bar automatically minimize the height on devices when I don’t want it to?

#12

It looks like the issue is solved? Here’s what I see.

Thanks.

#13

Yes, it took me a while to fix and to adjust for all browsers.

But I have another issue when it comes to sticky a bar once another bar is hidden on a device. It becomes a space where the hidden bar is. A workaround for that? And when you scroll the sticky bar doesn’t ticky smoothly it hack and jump to stick, not smooth.

#14

Hi there,

It’s known bug, the height is computed from the total height of all header bar. Instead of just the visible ones. And our developers are currently improving the Pro headers :slight_smile:

For now, you’ll have to apply custom styling to force your bar positioning to the absolute top.

Example,

.hm13.x-bar {
top:0 !important;
}

Thanks!

#15

Okay, thanks for the info and code. Maybe I need to wait since I did a workaround and this is not prioritized by now.

But one thing that is is how to make a dropdown to be two columns or even more. The list is too long now, and yes everything is related to that category which means it needs to be under that dropdown.

Tried following without success: https://theme.co/apex/forum/t/features-megamenus/99

#16

The mega menu feature is only available for the default header. It’s not available for Pro menu elements. For that, you need to use UberMenu.

Thanks.