Docs

[ArtOfSpring]

Hi there,

on my site:
https://mybetterlife.de/

I’m using a topbar with two links and social media icons.
I managed to align them to the right side.

But on smaller screen widths it’s stacking on top of each other.
Is it possible to have all these on one line or do I need a custom mobile version?
What would it look like?

Thank you

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

@media(max-width: 769px) {
.x-topbar .x-topbar-inner , .x-topbar .x-social-global {
   
    float: none;
    width: 100%;
} }

Hope it helpps

Joao

[ArtOfSpring]

Thank you, it works on my desktop brother but not on several smartphone browsers I tested.
Just a tiny tweak – the social media icons appear to be centered but not in the exact middle.
Can I make them align to the rifgt side and why is it not working on mobiles?

Thank you

[Rahul]

Hey There,

Thanks for writing in!

Can we have a Screenshot of the issue? We’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks for understanding!

[ArtOfSpring]

Sure!

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

@media (max-width: 767px)  {
.x-topbar .p-info {
    margin-top: 5px;
}}

Please clean your browser cache and test it again

Hope it helps

Joao

[ArtOfSpring]

Perfect!

Thank you

[Joao]

🙂 You are welcome!

[Author]

Posts