I am using the theme contained in smart.default.css and the size of the titlebar of smart.window seems to be optimised for mobile users.
However, my target audience are Desktop users.
How can I reduce the size of the titlebar?
Is there a theme suited for Deskop users?
Hi mk_dir,
The size of the Window header is controlled by a CSS variable. In order to change the size simply set the CSS variable like so:
smart-window {
--smart-window-header-height: 30px; /* The default size is 50px */
}
Our themes do not affect the sizes of any of the elements. They only define their colors.
Best Regards,
Christopher
Smart HTML Elements Team https://www.htmlelements.com