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

    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?
     

    #100361
    admin
    Keymaster

    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

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