HTML Elements Forums Window Reduce size of titlebar

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

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

    Anonymous

    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

    Anonymous

    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.