T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Josh
  2. General Discussion
  3. Wednesday, 05 June 2013
  4.  Subscribe via email
Hello.

When I attempt to place the search on top of the megamenu (just like in the t3-framework.org site aka this site) everything appears to work just fine in IE8, Chrome and Firefox. But when I view it in Safari the search icon is all of a sudden moved to the left and interferes with the menu itself. Any ideas? Thanks in advance.

Here is my code from the custom css:

.head-search {
float: right;
margin-top: -14px;
display: inline-block;
z-index: 9999;
position: fixed;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;

}
.head-search form {
margin: 0;
float: right;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;

}
.head-search label {
display: none;
}

.head-search .input {
background: url("../../../templates/t3_blank/images/ico/search.png";) no-repeat 8px center;
width: 0px;
padding-left: 30px;
border: 0px;

}
.head-search .input:focus {
color: #fff;
width: 180px;
}

.head-search .input:focus{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}



edit: acc tagged this as 1.2.6 instead of 1.2.3
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Josh,

Safari for window has been stop so we not really consider that much.
You can try to add some more css to fix for this browser

.head-search .input {
..
float: right;
padding-right: 0;
}

Hope it helps,

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi, thanks for responding.

I should have been more specific, this was happening on Safari for osx. It's the only browser that throws the search to the middle of the megamenu. Is the css I have listed correct for displaying the search over the megamenu?

Thank you.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.