View Replies (17)

Resolved Sticky header not working...

  1. Issue
  1. ScottCA
    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
Toufiq
Toufiq
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)
Paul Frankowski
Paul Frankowski
Accepted Answer Pending Moderation
Hi,
Spend some time with post from past:
https://www.joomshaper.com/forums/sticky-header-not-working-2
https://www.joomshaper.com/forums/off-canvas-missing-on-mobile
  1. more than a month ago
  2. Politist
  3. # 1
ScottCA
ScottCA
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
Paul Frankowski
Paul Frankowski
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)
custom_css_field_helix3.png custom_css_field_helix3.png
  1. more than a month ago
  2. Politist
  3. # 3
ScottCA
ScottCA
Accepted Answer Pending Moderation
Thanks Paul. PM sent.
  1. more than a month ago
  2. Politist
  3. # 4
ScottCA
ScottCA
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)
breadcrumb_issue.png breadcrumb_issue.png
  1. more than a month ago
  2. Politist
  3. # 5
Paul Frankowski
Paul Frankowski
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
Paul Frankowski
Paul Frankowski
Accepted Answer Pending Moderation
Page title also have more top margin.
---
Breadcrumbs section not touched.
Attachments (1)
titles.jpg titles.jpg
  1. more than a month ago
  2. Politist
  3. # 7
ScottCA
ScottCA
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
giasqui
giasqui
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
Toufiq
Toufiq
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
giasqui
giasqui
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
Toufiq
Toufiq
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
giasqui
giasqui
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
Toufiq
Toufiq
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
giasqui
giasqui
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)
Capture.JPG Capture.JPG
  1. more than a month ago
  2. Politist
  3. # 15
Toufiq
Toufiq
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.

Please publish modules in sidebar position.