Hi Munir

Sorry to say due to the way the search module is positioned your only real option is to hide it on smaller screen sizes otherwise try adding the following to the Custom CSS field of your templates parameters..


[code type=css]
@media only screen and (min-width: 768px) and (max-width: 959px) {
#offlajn-ajax-search327 {display:none;}
}

@media only screen and ( max-width: 767px ) {
#offlajn-ajax-search327 {display:none;}
h1.logo a {background-size:400px;}
#container_spacer1 {float: left;}
}

@media only screen and (max-width: 440px) {
#offlajn-ajax-search327 {display:none;}
h1.logo a {background-size:300px;}
#container_spacer1 {float: left;}
#socialmedia {display:inline; top: 63px;}
}[/code]

Ciarán

Worked on some parts,

still our banner 'Provide Litigation Loan Canada Wide' in black in alliging at right rather middle

Also, search box and social icons disappers when we resize our browser to small.

Hi Munir

Try changing the CSS to...


[code type=css]@media only screen and (min-width: 768px) and (max-width: 959px) {
#offlajn-ajax-search327 {display:none;}
}

@media only screen and ( max-width: 767px ) {
#offlajn-ajax-search327 {display:none;}
h1.logo a {background-size:400px;}
#container_spacer1 {float: left;}
#socialmedia {display:inline; top: 63px;}
#container_spacer1 .custom img {margin-left: 7px;}
}

@media only screen and (max-width: 440px) {
#offlajn-ajax-search327 {display:none;}
h1.logo a {background-size:300px;}
#container_spacer1 {float: left;}
#socialmedia {display:inline; top: 63px;}
#container_spacer1 .custom img {margin-left: 0px;}
}[/code]

Ciarán

Still, 'Provide Litigation Loan Canada Wide' does not aligh properly and came out of box at right if we resize our browser to around 1/4 , on half resize it works fine but if we do more small it come out of box at right.

Also search box changes its position even if we did not re size the browser.

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Sended you email , please review.

Hello

I have amended your CSS slightly and your banner should now be appearing correctly. As previously stated due to the way the search module is positioned your only option is to hide it on smaller screen sizes.

Ciarán