[Support request] top bar setting not adjusting for mobile

[Cynthia]

I have a padding right at 40px for the desktop view, but when I set padding right to 0px for mobile view it changes the desktop to 0px. I thought I could set a different padding for each view.

On mobile view I want my call-to-action to be justified to the right so it is far away from the hamburger menu on the left.

[Leo]

Hi there,

Have you figured out the padding issue?

I’m not seeing anything obvious on my end.

[Cynthia]

I have not figured out this problem…..I’ve attached a screenshot from my Android.

The widget html is but the text is still not aligning right:

<p style=”text-align: right;”><span style=”font-family: Arial narrow; font-size: 20px; font-weight: bold;”>For Service Call <span style=”font-family: Arial narrow; font-size: 20px; font-weight: bold;”>888-531-8550</span></span></p>

In the customizer panel > Layout > Top Bar > alignment = right (which works on desktop but not aligning right on mobile)

[Leo]

Try this CSS:

@media (max-width: 768px) {
    .top-bar .inside-top-bar {
        justify-content: flex-end;
    }
}

[Author]

Posts