1. ScottCA
  2. Politist
  3. Friday, 01 September 2017
Hello, the sticky menu is not working in my instance. When viewing on desktop, the menu does not stay visible, and when on mobile, the mobile menu does not appear. I have verified that "Sticky menu" is enabled on the template settings. The canvas menu module is enabled. And I have not turned off the location within SP Page builder. So I'm at a loss on how to fix. Can I get some assistance please? I can PM the website development address. Thank you in advance. -Scott
Accepted Answer
Accepted Answer Pending Moderation
HI,

Please remove this js code from main.js file
templates/shaper_politist/js/main.js

// fix conflicting with mootools
if (MooTools != undefined) {
var mHide = Element.prototype.hide;
Element.implement({
hide: function() {
if ($('[data-toggle="tooltip"]').attr('itemprop')) {
return this;
}
mHide.apply(this, arguments);
}
});
}


-Thanks
  1. more than a month ago
  2. Politist
  3. # Permalink
Responses (17)
Accepted Answer Pending Moderation
Hi Paul,
The 1st link didn't change anything when applied to my instance. The 2nd link, helped, but pushed all the social media icons to a stack on the left side, everything was off center, but the sticky menu did work. Thoughts? PS. I will PM the site address to you.
  1. more than a month ago
  2. Politist
  3. # 2
Accepted Answer Pending Moderation
As the first step please use this:

@media screen and (max-width: 767px) {
#sp-header {display:block;}
}

#sp-header, #sp-mobile-header {
position: fixed;
width: 100%;
}


Then I need access to admin to improve layout settings for mobile view.
Yes, use PM (hidden in my profile)
Attachments (1)
  1. more than a month ago
  2. Politist
  3. # 3
Accepted Answer Pending Moderation
Thanks Paul. PM sent.
  1. more than a month ago
  2. Politist
  3. # 4
Accepted Answer Pending Moderation
Hi Paul,
After applying the last settings, I now notice that the breadcrumb is not displaying correctly. It's higher, and almost getting chopped off. See the attached screenshot. Thanks.
Attachments (1)
  1. more than a month ago
  2. Politist
  3. # 5
Accepted Answer Pending Moderation
Header in mobile view fixed, almost all just by settings from Layout.
  1. more than a month ago
  2. Politist
  3. # 6
Accepted Answer Pending Moderation
Page title also have more top margin.
---
Breadcrumbs section not touched.
Attachments (1)
  1. more than a month ago
  2. Politist
  3. # 7
Accepted Answer Pending Moderation
Thank you both for your help! It looks perfect now.

~Scott
  1. more than a month ago
  2. Politist
  3. # 8
Accepted Answer Pending Moderation
Hi!
I've the same issue with header menu. I've copy the code above on custom.css and header start work on smartphone but not well formatted, while header doesn't start work on tablet.
May you help me?
Thanks.
  1. more than a month ago
  2. Politist
  3. # 9
Accepted Answer Pending Moderation
Hi!
I've the same issue with header menu. I've copy the code above on custom.css and header start work on smartphone but not well formatted, while header doesn't start work on tablet.
May you help me?
Thanks.


Hi, Please share your site url. Thanks
  1. more than a month ago
  2. Politist
  3. # 10
Accepted Answer Pending Moderation
Hi, Please share your site url. Thanks


http://www.biscegliesvolta.it/politist/
  1. more than a month ago
  2. Politist
  3. # 11
Accepted Answer Pending Moderation
Hi, There has media query css and it display:none. Could you send me administrator access via pm? Thanks
  1. more than a month ago
  2. Politist
  3. # 12
Accepted Answer Pending Moderation
Hi, There has media query css and it display:none. Could you send me administrator access via pm? Thanks

Done!
Please share solution.
Lot of thanks!
  1. more than a month ago
  2. Politist
  3. # 13
Accepted Answer Pending Moderation
Hi, There has media query css and it display:none. Could you send me administrator access via pm? Thanks

Done!
Please share solution.
Lot of thanks!


Hi, Please check now. Thanks
  1. more than a month ago
  2. Politist
  3. # 14
Accepted Answer Pending Moderation
Great! It works but there are some items not aligned. You can see it in the pics attached. May you please share the solution here?
Lot of thanks.
Attachments (1)
  1. more than a month ago
  2. Politist
  3. # 15
Accepted Answer Pending Moderation
Great! It works but there are some items not aligned. You can see it in the pics attached. May you please share the solution here?
Lot of thanks.


Hi, I have open responsive.less file and find out the code sp-header{display :none}. Then i have commented out. Our template design wasn't the information. Please check our demo. Sorry to say that, customization support is not allowed.

-Thanks
  1. more than a month ago
  2. Politist
  3. # 16


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.