Two Issues, Both Mobile

I cant seem to make one of my rows flush with the edge of the screen on my homepage- the issue is only on mobile.

Second- how do make the menu transparent on mobile as well as move the hamburger to the right corner?

thesocialcollab.com

Hi,

  1. Please point out on your site which row you can’t make full-width on mobile, so I can check.

  2. You can make the site-header transparent and move hamburger to right on mobile with this Custom CSS:

@media only screen and (max-width: 1024px) {
.site-header.fixed {
    position: absolute !important;
    background: transparent !important;
}
}

@media only screen and (max-width: 767px) {
.btn-menu {
    float: right !important;
    margin: -40px 15px 0 15px !important;
}
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba