Solution of "Checkout Redirect not working" in wordpress

Some time you get this kind of error when you update plugin of toWooCommerce 

{"result":"failure","messages":"
\n\t\t\t
Action failed. Please refresh the page and retry.<\/li>\n\t\t\t
Sorry, your session has expired. Return to homepage →<\/a><\/li>\n\t\t\t
First Name<\/strong> is a required field.<\/li>\n\t\t\t
Last Name<\/strong> is a required field.<\/li>\n\t\t\t
Address<\/strong> is a required field.<\/li>\n\t\t\t
Town\/City<\/strong> is a required field.<\/li>\n\t\t\t


==========================Solution==========================
Method 1:

Create and new page named as "Thankyou" from admin-panel and put this short code in it [woocommerce_thankyou]

than publish that page with default template

than its works fine if it is not working than Go to

 WooCommerce plugin >> setting >> pages

than add thankyou page in thanks field and save it than your issue will resolved.

Method 2:
sometimes this issue seen when WOoCom pulgin conflict with other plugins, So try to deactivate plugin one by one than you will identify that plugin which create conflict.

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Menu Navigation Code which supports all browser

Navigation Code which supports all browser (IE6 - IE11)

=====CSS====

.menu {
height: 45px;
background-color:#9D2522;
color:#9D2522;
float:left;
width: 100%;
margin-top: 2%;
}
.menu ul, .menu li {
margin: 0px;
padding: 0px;
list-style: none;
}
.menu li {
height: 45px;
float: left;
font-size: 15px;
font-family: MyriadPro-Regular;
}
.menu li a {
text-decoration: none;
display: block;
color: #FFF;
padding: 16px 39px 12px 39px;

}
.menu li a.first {
background-image: none;
}
.menu li a:hover {
background-color:#3c0d0a;
text-decoration:none;
}

=====HTML====

 <div class="menu">
    <ul>
    <li class="first_li"><a href="#" class="first">Menu 1</a></li>
            <li><a href="#">Menu 2</a></li>
            <li><a href="#"> Menu 3</a> </li>
            <li><a href="#">Menu 4</a></li>
            

    </ul>

  </div><!--Nav-->

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Skype call through HTML code

Easy code to add Skype call in website??

<a  href="callto://+********">Call me on Cell number</a>

<!---Just replace "*" With you phone number This the method to call on cell phone using skype [ MUST have Skype credit ]---->

<a  href="skype:********?call">Call me On skype id </a>

<!---Just replace "*" With you Skype name than user call you directly on your skype id  ---->


Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

Dropdown menu using CSS

Dropdown menu using CSS       

  <style>
ul#menu, ul#menu ul.sub-menu {
padding: 0;
margin: 0;
width: 52%;
position: absolute;
top: 68px;
font: normal 18px 'Trebuchet MS', Arial, Helvetica;
display: inline-block;
height: 24px;
left: 39%;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
text-decoration: none;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
text-decoration: none;
padding: 5px;
display: inline-block;

}
ul.sub-menu li a {
width: 100%;
background-color: black;
text-decoration:none;
}
ul.sub-menu li{
background-color: black;
width: 164%;

}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
#menu li a:hover{
background: url(../images/hover_menu_link.gif) repeat-x left bottom;
color: #f51a1c;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}
</style>
==========================:HTML:===========================
<li><a href="#">Indoor Range</a>    
                    <ul class="sub-menu">
                              
                        <li><a href="#">member</a></li>
                        <li><a href="#">non member</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Contact</a></li>
                        
                                </ul>
                    
                    
                    </li>

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.

CSS3 and HTML5 Social media icons

Just Follow these steps and make your Own buttons Using CSS3
------------------------------HTML---------------------------------
<html>
<head>
  <meta charset="UTF-8" />
  <title>CSS3 and HTML5 Social media icons</title>
</head>
<body>
  <div class="wrapper">
  <a class="icon facebook" href="#"><span class="zocial-facebook"></span></a>
  <a class="icon twitter" href="#"><span class="zocial-twitter"></span></a>
  <a class="icon linkedin" href="#"><span class="zocial-linkedin"></span></a>
  <a class="icon youtube" href="#"><span class="zocial-youtube"></span></a>
  <a class="icon flickr" href="#"><span class="zocial-flickr"></span></a>
  <a class="icon email" href="#"><span class="zocial-email"></span></a>
  </div>
</body>
</html>

----------------------------------CSS-------------------------------
import url(http://weloveiconfonts.com/api/?family=zocial);

/* zocial */
[class*="zocial-"]:before {  font-family: 'zocial', sans-serif;}

body{  background: url("http://subtlepatterns.com/patterns/cloth_alike.png") repeat scroll 0% 0% transparent;}
.wrapper{  width: 325px;  height: 50px;  position: absolute;  top: 50%;  left: 50%;  margin-left: -162px;  margin-top: -25px;}

.icon{  display: inline-block;  position: relative;  color: #bdbdbd;  width: 50px;  height: 50px;  text-align: center;  font-size: 1.47em;  line-height: 2em;  background-color: #fff;  -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;  box-shadow: 0px 3px 0px #bdbdbd, 0px 3px 10px #bababa;  -webkit-transition:background-color 250ms ease 0s;  transition:background-color 250ms ease 0s;}

.zocial-facebook{margin-left: -8px}
.icon.facebook:hover{background-color: #4986c7;}
.twitter:hover{background-color: #4cb6e8;}
.linkedin:hover{background-color: #29a0cc;}
.youtube:hover{background-color: #a32929;}
.flickr:hover{background-color: #c257ad;}
.email:hover{background-color: #d5b120;}

a{  text-decoration: none;}
.icon:hover{  color: #fff;  box-shadow: 0px 3px 0px #686868, 0px 3px 10px #7e7e7e;}
.icon:active{  box-shadow: inset 0px 1px 4px #3d3d3d, 0px 0px 0px #bdbdbd;  top: 3px;}

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.