Yootheme - Enable Toolbar on Mobile: Difference between revisions
From ETCwiki
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| (One intermediate revision 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=== | ===External Resources=== | ||
| Line 10: | Line 13: | ||
*[https://yootheme.com/support/question/134572 Failed again] | *[https://yootheme.com/support/question/134572 Failed again] | ||
*[https://yootheme.com/support/question/155839 They made it work but PHP modifications required] | *[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}
