6 replies · opened May 18, 2016
Hello, my sticky-header (I use static sticker) only works up to a width of 991 pixels. From 991 pixels wide, it no longer works. Although I have found code in the functions.js, but do not know what and where to change.
Example Pages under http://www.ulli-mayer.com/mkr
Hello,
You can simply add the .sticky-responsive-menu Class to the <body> Tag to enable the Sticky Menu on Responsive Devices.
This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.
Thanks , that works. But there is also a class for a static sticky menu in mobile pages ?
On the desktop side , I use static sticky . The class "sticky -responsive -menu " indeed produces a sticky menu , but no static sticky menu . Is there a solution for this ?
On the desktop side , I use static sticky . The class “sticky -responsive -menu ” in body-tag indeed produces a sticky menu in mobile sites , but no static sticky menu . Is there a solution for static-sticky-menu ?
Hello,
This is Definitely Possible. Find the following codes in the css/responsive.css File:
#header.responsive-sticky-header:not(.sticky-style-2):not(.sticky-style-3) { min-height: 60px; }
.responsive-sticky-header #logo,
.responsive-sticky-header #logo img { height: 60px; }
.responsive-sticky-header #primary-menu-trigger { top: 5px; }
.responsive-sticky-header #top-search a,
.responsive-sticky-header #top-cart,
.responsive-sticky-header #side-panel-trigger { margin: 20px 0; }
.responsive-sticky-header #top-search form { height: 60px !important; }
.responsive-sticky-header #top-cart .top-cart-content { top: 40px; }and replace it with:
#header.responsive-sticky-header:not(.sticky-style-2):not(.sticky-style-3):not(.static-sticky) { min-height: 60px; }
.responsive-sticky-header:not(.static-sticky) #logo,
.responsive-sticky-header:not(.static-sticky) #logo img { height: 60px; }
.responsive-sticky-header:not(.static-sticky) #primary-menu-trigger { top: 5px; }
.responsive-sticky-header:not(.static-sticky) #top-search a,
.responsive-sticky-header:not(.static-sticky) #top-cart,
.responsive-sticky-header:not(.static-sticky) #side-panel-trigger { margin: 20px 0; }
.responsive-sticky-header:not(.static-sticky) #top-search form { height: 60px !important; }
.responsive-sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 40px; }This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.
Thanks alot. This works great! I wish more such support pages, simply great!
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard