Hi @thurstonlim,
We only hide what is checked in the Hide Elements by default. Just uncheck all those options in General options-> Hide Elements by default.
Please note that your theme can also be hiding some parts when the resolution is lower.
My header menu is not one of the default elements that are hidden. I’ve tried un-checking everything and the result is unfortunately still the same. No header originally, but after I scroll down for a bit then the header appears.
The ID of my header is #stm_church. I added this to the sticky HTML elements advance option as well to display it. This helps it appear after scrolling but for some reason it’s hidden initially.
Looking at the code it’s seems that .main-header-bar, .stm_mobile__header, #stm_church is in the Hide Elements field (it’s a different field from the Hide Elements by default).
You shouldn’t place it in the Sticky HTML Elements, that’s not the goal of that field.
If I don’t hide the .stm_mobile_header, there are conflicting mobile headers under a certain resolution. (The header plugin i’m using has it’s own mobile header) Unfortunately I don’t think this is related to my issue. In the sticky elements, if I don’t put anything in that field, I have a header but it doesn’t stick. (#stm_church) If I don’t put it in that field, then I have the header but it isn’t sticky.
@thurstonlim I’m a bit confused. What header doesn’t stick? The one created with WP Mobile Menu? You have an option for that in the Header options.
Can you take a screenshot of what you have in the Hide Elements field?
No problem of hiding .stm_mobile_header but it seems that you are also hiding the #stm_church. That’s why I’m not understanding the initial topic about the original menu not being visible.
SO, the WP mobile menu works fine. This is how I want my page to look initially with the header on top:
https://snag.gy/1Mlu0Z.jpg
As I scroll down, I want the menu to be sticky and look like this:
https://snag.gy/8dSCV3.jpg
However, as soon as I turn this off this checkbox(I want the mobile menu to appear on desktop at a certain resolution):
https://snag.gy/eKA25D.jpg
My original header on the desktop dissapears and this is what my page originally looks like:
https://snag.gy/xm40Kp.jpg
If I add #stm_church (my header) to the sticky HTML elements, it appears on scroll again but isn’t there initially.
https://snag.gy/bIBAzq.jpg
Here’s what I have in hide elements:
https://snag.gy/GVzZwH.jpg
I hope this makes sense and appreciate the time you’re taking to help me, thank you!
Thanks.
You need to remove #stm_church from the Hide elements.
The sticky HTML elements option is because of the slideout Push content effect so that the fixed elements can stay in their original position.
I would suggest that you change the Menu display type to slideout over content.
Try those 2 suggestions to see what happens(General Options)
1- remove #stm_church from the Hide elements.
2- Change the menu display type to Slideout Over Content
Ah this worked! I still need to hide the elements, but the 2nd suggestion works,
thank you!
No problem. I’m glad it’s sorted.
Let me know if it’s necessary help to identify the elements.
