I am having an issue with the appearance of my Header links when viewed on an iPad or a browser that gets resized to something smaller.
The Website: http://bit.ly/1aoJxIM
Example of the problem: https://www.evernote.com/shard/s77/sh/295c339b-9022-4bca-a53a-602664b05a3b/b92a4665d0d7ffd26ef2c4310b43b82e
I understand there are a lot of links at the top… unfortunately it’s somewhat necessary. Please advise thanks.
Hi jmikhail!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (min-width: 767px) and (max-width: 989px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 3px;
}}
Regards,
Yigit
Hi Yigit, the code worked.
Thanks a lot for your help.