Okay
  Print

How to make Add a job button text available on small screen?

Hello Customers,

In some case you want to make text on button Post A Job show on smaller screen like this http://prntscr.com/kd86uc

Ok, you can add this css to your custom css (via Visual Composer or Child theme as well)

@media (max-width: 1600px) {
 .header.header-default .iw-header .iwj-action-button a.action-button {
 padding: 0 20px;
 width: auto;
 height: auto;
 line-height: inherit;
 text-align: center!important;
 overflow: visible!important;
 }
.header.header-default .iw-header .iwj-action-button a.action-button span {
 display: inline-block;
 }
 
 .header.header-default .iw-header .iwj-action-button a.action-button i {
        margin: 0 15px 0 0;
        top: 2px
    }
}
@media (max-width: 1200px) {
 .header.header-default .iw-header .iwj-action-button a.action-button {
 padding: 0 ;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 overflow: visible;
 }
.header.header-default .iw-header .iwj-action-button a.action-button span {
 display: none;
 }
 
 .header.header-default .iw-header .iwj-action-button a.action-button i {
        margin: 0;
        top: 0;
    }
}

Thank you for contacting us.

Best regards,
duongca
Inwave Support Team