Difference between revisions of "Yootheme - Enable Toolbar on Mobile"
From ETCwiki
Jump to navigationJump to search| Line 5: | Line 5: | ||
.tm-header .uk-navbar{margin-top:50px} | .tm-header .uk-navbar{margin-top:50px} | ||
.tm-header-mobile .uk-navbar{margin-top:50px} | .tm-header-mobile .uk-navbar{margin-top:50px} | ||
| + | .tm-header .uk-navbar-sticky nav.uk-navbar{margin-top:10px;} | ||
| + | .tm-header-mobile .uk-navbar-sticky nav.uk-navbar{margin-top:20px;} | ||
| + | .uk-navbar-sticky{padding-top:0 !important} | ||
===External Resources=== | ===External Resources=== | ||
Latest revision as of 18:34, 24 March 2023
This code snipped enables the Toolbar in Yootheme on mobile mode. Usually the toolbar disappears on mobile mode, which makes the social and toolbar-left and toolbar-right all disappear.
Post this in your Additional CSS
.tm-toolbar{display:inherit !important; position:absolute; width:100%; top:0px; z-index:9999}
.tm-header .uk-navbar{margin-top:50px}
.tm-header-mobile .uk-navbar{margin-top:50px}
.tm-header .uk-navbar-sticky nav.uk-navbar{margin-top:10px;}
.tm-header-mobile .uk-navbar-sticky nav.uk-navbar{margin-top:20px;}
.uk-navbar-sticky{padding-top:0 !important}
