头部在自定义页面模板wordpress中搞砸

问题描述：

我创建了一个自定义页面模板，在这里链接http://goo.gl/UFgzGQ，但我注意到头部的样式只在该页面上搞砸了。头部在自定义页面模板wordpress中搞砸

如何解决这个问题？

这里的CSS

.header-wrap .search-icon { 
float: right; 
position: relative; 
margin-top: -32px; 
line-height: 6; 
margin-right: -30px; 
border-left: 1px solid #ECECEC; 
cursor: pointer; 
padding: 0 20px; 
} 

.header-wrap .ak-search { 
background: none repeat scroll 0 0 #FFF; 
display: none; 
padding: 10px; 
position: absolute; 
right: 0; 
top: 100%; 
z-index: 9999; 
box-shadow: 1px 2px 3px rgba(0,0,0,0.2); 
}

答

编辑

其实它不是CSS这导致错位或乱放搜索图标，这是你的DOM即罪魁祸首如：

您的缅因州页面屏幕：

<!DOCTYPE html> 
<html lang="en-US"> 
    <head> 
    <meta charset="UTF-8"> 
     ....

你可以看到，它已经在你的内页完全定义的头与doctype而：

<head> 
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js" async defer></script> 
</head> 
<!DOCTYPE html> 
    <html lang="en-US"> 
    <head> 
     <meta charset="UTF-8"> 
     .........

还有一些断码即主导致这个问题。

它不能正常工作 – User014019

@ User014019什么不工作？你在寻找什么？ – vivekkupadhyay

搜索仍然搞砸 – User014019

头部在自定义页面模板wordpress中搞砸

相关推荐