Archived topic
top bar setting not adjusting for mobile
3 replies · Started by Cynthia on June 17, 2022
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.
Hi there,
Have you figured out the padding issue?
I'm not seeing anything obvious on my end.
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)
Try this CSS:
@media (max-width: 768px) {
.top-bar .inside-top-bar {
justify-content: flex-end;
}
}