Archived topic
inside-top-bar justify content displaying the opposite attribute on mobile view
1 reply · Started by Cynthia on July 5, 2021
Viewing posts 1–2 of 2
On my website (shared below - see mobile view only), I was trying to get the phone# and 3 social media icons to move to the right.
I used this snippet below but it moved the phone# and 3 social media icons to the "left" instead. Hmmm? What am I doing wrong?
@media (max-width: 768px) {
.top-bar .inside-top-bar{
justify-content:right;
}
}
PS: What's strange is that the phone# and 3 social media icons actually does appear correctly on the "mobile" preview on my laptop, just not on my actual phone. Additionally when both elements DO move to the right, there is still a lot of margin I would like to close up.
Hi Cynthia,
Can you try this CSS instead?
@media (max-width: 768px){
.top-bar .inside-top-bar>.widget:first-child {
margin-left: auto;
}
}Let us know how it goes.:)
This archived topic is closed to new replies.
