Advanced Search

Dazzle menu strikethrough line to underline

/ Published in: CSS
Save to your folder(s)
Changing the Dazzle`s strikethrough line menu style to underline.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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. }

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.