This topic contains 1 reply, has 2 voices, and was last updated by Avatar Anonymous 1 year, 10 months ago.

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.