Links in Top Bar not working on Tablet resolution

Resolved loadofbikes
(@loadofbikes)

2 years, 9 months ago

Hi!

On tablets, the Top Bar is shown, but non of the items is clickable. These links do work on Desktop and on Mobile resolution.

Please help me fix this. Thank you!

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Abhishek
(@abhikr781)

2 years, 9 months ago
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;
}
}
```
Thread Starter loadofbikes
(@loadofbikes)

2 years, 9 months ago

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

Thank you 🙂

Abhishek
(@abhikr781)

2 years, 9 months ago

You are most welcome and glad to hear that solution worked well.😊
Thread Starter loadofbikes
(@loadofbikes)

2 years, 9 months ago
@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 2 years, 9 months ago by loadofbikes.
Thread Starter loadofbikes
(@loadofbikes)

2 years, 9 months ago
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 2 years, 9 months ago by loadofbikes.
- This reply was modified 2 years, 9 months ago by loadofbikes.
- This reply was modified 2 years, 9 months ago by loadofbikes.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Links in Top Bar not working on Tablet resolution’ is closed to new replies.

Tags