Links in Top Bar not working on Tablet resolution

Hello,

?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

@media only screen and (max-width: 959px)
.top-bar-right {
    float: unset;
    text-align: center;
}
}

Yes! That did the trick! Wonderful how much you help us out with this theme, @abhikr781 !

Thank you ??

You are most welcome and glad to hear that solution worked well.??

@abhikr781: When I enter that code in my child theme’s style.css, it does not seem to work. Is that expected behaviour? How could I make it work in style.css? I prefer to have all my config in that file, and not most there, but some things in the WordPress editor. Thanks!

• This reply was modified 3 years, 8 months ago by loadofbikes.

Got it to work via style.css in child theme. There was a missing opening “{” in the original code example, so this is the code I used:

@media only screen and (max-width: 959px) {
.top-bar-right {
    float: unset;
    text-align: center;
}
}

(Notice the “{” at the end of the first line!)

• This reply was modified 3 years, 8 months ago by loadofbikes.
• This reply was modified 3 years, 8 months ago by loadofbikes.
• This reply was modified 3 years, 8 months ago by loadofbikes.