Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #100360

    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,
    Smart HTML Elements Team

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.