Add themeblvd_mobile_header() function to display.php and hook to themeblvd_before. Needs to check that header is displaying in front end config and mobile_header is supported in global config. Includes content-mobile-header.php file.
Create function themeblvd_mobile_panel_trigger().
Create content-mobile-header.php, contains elements with no action hooks.
Create themeblvd_mobile_header_class().
All mobile header styling could be done with a CSS class that gets toggled on the <body>
via JavaScript, removing @media query styling. Classes “mobile-header-on” and “mobile-header-off” get used. Use wp_is_mobile() for which class to initially output, to speed things up.
These classes also effect the styling of desktop side panel and mobile menu, removing any @media query styling.
Add JavaScript local for viewport size for showing mobile header. Make filterable themeblvd_mobile_header_breakpoint.
Add option to shared mobile header styles to change that viewport size. Filter onto js local.
mobile_header
to global config.themeblvd_mobile_header()
function to display.php and hook to themeblvd_before. Needs to check that header is displaying in front end config and mobile_header is supported in global config. Includes content-mobile-header.php file.themeblvd_mobile_panel_trigger()
.themeblvd_mobile_header_class()
.<body>
via JavaScript, removing @media query styling. Classes “mobile-header-on” and “mobile-header-off” get used. Use wp_is_mobile() for which class to initially output, to speed things up.themeblvd_mobile_header_breakpoint
.