search

puikinsh / Bootstrap-Admin-Template

Metis - Free Bootstrap Admin Dashboard Template
https://colorlib.com/polygon/metis/
MIT License
2.72k stars 1.31k forks source link

The calendar buttons for "month", "week" and "day" don't fit on a reduced page #25

Open stodge opened 10 years ago

stodge commented 10 years ago

When I drag the browser window and reduce its width, the page is responsive as expected. However, the calendar buttons for "month", "week" and "day" don't fit on the reduced page and are lost off the right hand side of the page.

onokumus commented 10 years ago

@stodge I fixed it. You can add this CSS code.

.fc-header-left, .fc-header-center, .fc-header-right {
    width: 100%;
    display: block;
    text-align: center;
}

@media (min-width:768px){
    .fc-header-left, .fc-header-center, .fc-header-right {
        display: table-cell;
    }
    .fc-header-left {
        width: 25%;
        text-align: left;
    }

    .fc-header-center {
        text-align: center;
    }

    .fc-header-right {
        width: 25%;
        text-align: right;
    }
}