Menu does not align correctly in Safari

by

sometimes transform doesn’t work well in safari. Try using vendor prefix for webkit. i.e,

-webkit-transform: rotate(45deg);
transform: rotate(45deg);

Hope that helps…

More Related Contents:

  1. Why does my design elements look different in all browsers? UPDATE [closed]
  2. What is a clearfix?
  3. How do I style a dropdown with only CSS?
  4. Flex / Grid layouts not working on button or fieldset elements
  5. CSS technique for a horizontal line with words in the middle
  6. css ‘pointer-events’ property alternative for IE
  7. Browsers’ default CSS for HTML elements
  8. How to align checkboxes and their labels consistently cross-browsers
  9. Style input type file? [duplicate]
  10. How can I draw vertical text with CSS cross-browser?
  11. Cross-browser custom styling for file upload button [duplicate]
  12. background: fixed no repeat not working on mobile
  13. How to make HTML Text unselectable [duplicate]
  14. Flexbox and Internet Explorer 11 (display:flex in ?)
  15. Background image not showing in Safari
  16. Flexbox alternative for IE9
  17. Setting a width and height on an A tag
  18. Image scaling causes poor quality in firefox/internet explorer but not chrome
  19. Height of flex container not working properly in Safari
  20. Extra space under textarea, differs along browsers
  21. How do I make flex box work in safari?
  22. header/footer/nav tags – what happens to these in IE7, IE8 and browsers than don’t support HTML5?
  23. CSS calc not working in Safari and fallback
  24. chrome/safari display border around image
  25. Select size attribute size not working in Chrome/Safari?
  26. How to make input autofocus in internet explorer?
  27. Prevent ligatures in Safari (Mavericks/iOS7) via CSS
  28. Cross browser method to fit a child div to its parent’s width
  29. Which browsers support data URIs and since which version?
  30. CSS Grid Row Height Safari Bug

Leave a Comment