Posted By

deliciousthemes on 01/07/17


Tagged

wordpress


Versions (?)

Dazzle menu strikethrough line to underline


 / Published in: CSS
 

URL: https://themeforest.net/item/dazzle-portfolio-theme-for-creative-professionals/18360685?ref=deliciousthemes

Changing the Dazzle`s strikethrough line menu style to underline.

  1. html .main-navigation a:before, html .main-navigation a:after,
  2. html .main-navigation .current>a:before, html .main-navigation .current>a:after {
  3. bottom: 0;
  4. top: inherit;
  5. margin-right: 0;
  6. margin-left: 0;
  7. }
  8.  
  9. html .main-navigation .current>a:after {
  10. width: 100%;
  11. }
  12.  
  13. html .main-navigation a:before {
  14. margin-left: 0;
  15. }
  16.  
  17. html .main-navigation a:after {
  18. margin-left: 0;
  19. }
  20.  
  21. html .main-navigation a:hover:before {
  22. width: 100%;
  23. margin-left: 0;
  24. }
  25.  
  26. html .main-navigation a:hover:after {
  27. margin-right: 0;
  28. width: 100%;
  29. }
  30.  
  31. html .main-navigation li > a {
  32. padding-bottom: 3px;
  33. }

Report this snippet  

You need to login to post a comment.