This topic contains 5 replies, has 3 voices, and was last updated by  mathiewm 5 months ago.

Change the header height and sidebar width


  • dinko1
    Participant

    Posts: 6
    Member Reply #5290

    I have write this question to themeforest forum but I am posting also here.

    I am using default layout. How can I change:

    1) the header height to 68pixels

    2) the sidebar width to 250px

     

    I want the change to be ok when the screen is resized or used on mobile phones.

    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #5315

    Hi,

    You can use below code in custom.css to change the header height:

    .page-header.navbar {

    height: 68px;

    min-height: 68px;

    }

    // logo container

    .page-header.navbar .page-logo {

    height: 68px;

    }

    // logo image

    .page-header.navbar .page-logo .logo-default {

    margin: 26px 0 0;

    }

    // sidebar toggler

    .page-header.navbar .menu-toggler.sidebar-toggler {

    margin: 21px 0 0;

    }

    // top menu dropdown height

    page-header.navbar .top-menu .navbar-nav>li.dropdown {

    height: 68px;

    }

    // top menu dropdown link padding

    .page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle {

    padding: 27px 10px 9px;

    }

    // quick sidebar toggler position

    .page-header .top-menu .dropdown-quick-sidebar-toggler>.dropdown-toggle {

    padding: 17px 10px 9px !important;

    }

    To change the sidebar code please use below css code in your custom.css:

    @media (min-width: 992px) {

    .page-sidebar {

    width: 275px;

    }

    }

    @media (min-width: 992px) {

    .page-content-wrapper .page-content {

    margin-left: 275px;

    }

    }

    If you need any further help please let us know.

    Thanks.

     


    dinko1
    Participant

    Posts: 6
    Member Reply #5333

    It leaves an empty space on the bottom of menu

    http://take.ms/uhZM0

    And why it takes so many css changes to change sidebar and header size?

    Dude, you have the #1 selling admin theme on the planet. You have around 40.000 sales and around 1million USD earnings and its so hard to make an easier way to change the height of the sidebar? That small size of height and sidebar is very old-fashioned. All modern themes have easy option to change these sizes.


    dinko1
    Participant

    Posts: 6
    Member Reply #5334

    I made several other css changes and now its ok. I will come back to you if I have any issue. Thanks

    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #5348

    Great! Good luck with your project 🙂


    mathiewm
    Participant

    Posts: 4
    Member Reply #19939

    Hi Dinko, i’m curious what changes u’ve done to resize the header height and sidebar width. If those mods are still clear your head i hope you can share them

    Regards,

    Mathieu

You must be logged in to reply to this topic.