Support » Theme: Appointment Green » How to edit page header’s width

  • 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

    http://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)
  • 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.

    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.