Difference between revisions of "Yootheme - Enable Toolbar on Mobile"
From ETCwiki
Jump to navigationJump to search (Created page with "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...") |
|||
| (2 intermediate revisions by the same user not shown) | |||
| 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=== | ||
| + | *[https://yootheme.com/support/question/151078 Failed attempt to make toolbar on mobile] | ||
| + | *[https://yootheme.com/support/question/134572 Failed again] | ||
| + | *[https://yootheme.com/support/question/155839 They made it work but PHP modifications required] | ||
| + | |||
| + | |||
| + | [[Category:Web Design]] | ||
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}
