UI Bug fix

[jamesgeorge007]

Remove overflow-x property which takes away the scroll bar, hence making the secondary navbar appear more pretty.
Closes #10685

[jamesgeorge007]

/assign @steveperry-53

[k8sio-netlify-preview-bot]

Deploy preview for kubernetes-io-master-staging ready!

Built with commit dab66c7

https://deploy-preview-10688--kubernetes-io-master-staging.netlify.com

[k8sio-netlify-preview-bot]

Deploy preview for kubernetes-io-master-staging ready!

Built with commit d565f7d

https://deploy-preview-10688--kubernetes-io-master-staging.netlify.com

[petetnt]

I was going to file this same PR, but the following changes:

• Use overflow-x: auto instead of removing it alltogether
• Add -webkit-overflow-scrolling: touch;

This way we get what the original PR needed and get optimized scrolling experience (native-like scroll x without scrollbar) on mobile browsers that support it.

[jamesgeorge007]

@petetnt I had made the required changes. Hope it is fine now 👍

[chenopis]

@jamesgeorge007 Awesome! Please resolve the conflicts so I can LGTM.
/approve

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: chenopis

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• OWNERS [chenopis]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[jamesgeorge007]

@chenopis Resolved the conflicts. 👍

[tengqm]

/lgtm

[chenopis]

@jamesgeorge007 Strangely, after the conflicts were resolved, the fix didn't work in the preview build. Consequently, even though this is merged, I still see the problem on the website.

[jamesgeorge007]

@chenopis I used node-sass to compile down sass to css which didn't work as intended. I had submitted another PR resolving the issue 👍
Sorry for the trouble