[tdufore]

Have a staging site here http://385.7ea.myftpupload.com/

Looks great at full resolution but on mobile the header widgets stay in 3 columns and take up too much room. Is there a way to disable the header right widget section on mobile resolutions?

Thanks!
Todd

Reply

[Anonymous]

Find for this code in style.css file on line no around 1219.

.widget-left-s3 {
    display: flex;    // Change to none
    float: right;
    margin: 0 auto;
    text-align: left;
    padding: 30px 0;
}

and change the display: flex; to display: none;

Reply

[tdufore]

This seems to disable the header widgets entirely, I only want to disable it below a certain width resolution. Is this an option?

Thanks

Reply

[tdufore]

I noticed choosing Header Style 2 in the preview for mobile the rightside header widgets do eventually disappear at a very very small resolution. Can I increase the minimum size where this disappearing header widgets occurs?

Reply

[Anonymous]

Add the below code in theme options/styling/custom css section.

@media only screen and ( max-width: 959px ) {
    .mobile-widget-right-s2 {
        display: none;
    }
}

Reply

[Anonymous]

We are setting this topic to be resolved. If you wish to update this topic please reply here instead of creating another topic.

Reply