4 replies · opened Oct 1, 2018
Is there a navigation header that has the telephone number like menu-7.html template that is always on view when you scroll down.
Or can the telephone number and icon be positioned where the shopping cart is?
And can the header nav be made sticky on a mobile.
Basically we want the telephone number to always be visible on all devices ?
Thanks in advance
Hello,
Unfortunately, currently the Menu Structure you are looking for is not available and requires CSS Customization. We will definitely consider adding a Menu Structure for the menu-7.html Type as you have requested in the Future Updates. Thanks for your Patience!
Meanwhile, you can make the the Header Sticky on Mobile devices by simply adding the .sticky-responsive-menu Class to the <body> Tag.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hi that works however I changed the background colour to the header / primary nav to green and text white - now in mobile with the sticky header the background is white and the text white - so obviously can't read it - where in the CSS can I change the background colour to the sticky header from white to green
Ignore the last post I sorted it adding some css to custom.css
Hello,
The Core Styling already includes Light/Dark Schemes. So instead of changing the Text Colors, it is recommended to add the .dark Class to the #header and then changing the Background Color on the Dark Scheme:
#header.dark:not(.transparent-header),
#header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark) {
background-color: #333;
}Simply changing the #333 to #7bab32 in the above code should work fine.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
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