How to edit page header’s width

  • ssn1976

    (@ssn1976)


    8 years ago

    Hi, I am using your theme, but I facing the tiny issue.. I want to decrease the width of the page header, but I have no idea how to do it. for ready reference please click the below link

    https://mafcoworld.com/about-us/

    I want the green ribbon’s width to be reduced, which is around 1.5 inch wide.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Sam

    (@soumendra)

    Hello,

    You need to add this CSS in your Custom CSS for achieving that:

    .page-title-section {
    margin-left: 13%;
    width: 213px;
}
.page-title-section .overlay {
    padding: 5px 0;
}
.page-title-section .container {
    width: 200px;
}
.page-title-section .row .col-md-6:first-child {
    float: none;
}
.page-title-section .row .col-md-6 {
    width: 100%;
}

    You can adjust the values as per your requirement.

    Hope that helps.

    Thank you.

    Imran Ali

    (@imranaliweb)

    Hi

    For this use below code in custom css filed (Theme Dashboard >> apprance >> customize >> header setting >> custom css Field )

    .page-title-section {
    width: 80% !important;
    margin: 0 auto !important;
    }

    Change width according your need.

    any confusion let me know

    Thanks

    Below works fine..

    .page-title-section .overlay {
    padding:6px 0;
    }
    .page-title-section {
    width: 100% !important;
    margin: 0 auto !important;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to edit page header’s width’ is closed to new replies.