Top Bar is Not Full-Width on Mobile

Support
#1

Hello,

Just wondering if there’s an easy CSS fix for the top bar width that keeps it 100% width on all viewing platforms.

URL https://usatcorp.wpengine.com/
USER demo
PASS 3c2bd7631efc

Regards,
Jesse

#2

Hi Jesse,

Please add this code in X > Theme Options > CSS:

@media (max-width: 480px) {
    .x-topbar .x-topbar-inner {
        width: 100%;
    }
}

Hope this helps.

#3

Thanks, that worked for 480px, but the 767px is still off.
Wheni change your code to use 767 it still only fixes the 480px view.

#4

Hi Jesse,

Please remove the media query and just add this code instead:

.x-topbar .x-topbar-inner {
    width: 100%;
}

@media (max-width: 767px) {
    .x-topbar .p-info {
       width: 100%;
    }
}

Hope this helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.