Search Box Position - Joomla! Forum - community, help and support
hi there. have positioning issue. have created custom position "search" in order move search box top right corner. here's style:
#search{
position: relative;
z-index: 10000001;
padding-top: 5%;
width: 157px;
float: right;
}
it works fine in major browsers, when test on mobile devices, position of search box off. moves left , can't fix it. please tell me how fix this?
thank in advance.
#search{
position: relative;
z-index: 10000001;
padding-top: 5%;
width: 157px;
float: right;
}
it works fine in major browsers, when test on mobile devices, position of search box off. moves left , can't fix it. please tell me how fix this?
thank in advance.
have tried using @media detect screen width , apply different css mobile device
eg.
also make sure template has in index.php, otherwise resolution of mobile devices not detected correctly.
eg.
code: select all
@media (max-width: 480px) {
#search{
float: none;
}
}
also make sure template has in index.php, otherwise resolution of mobile devices not detected correctly.
code: select all
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Comments
Post a Comment