searchbox and layout on smaller screens of sync

T

top250

Member
chanced few things and all looks great only the search box is no longer in the right corner
searchbox.PNG


think this error causses some more elements to be out of line like this one
ofsync.PNG


so hoop one of you can help me whit it
 
It happens because you removed fixed header width and used such a big logo.
The result is, a 100% width logo area, leaving the ad zone html, which gets push down a line and floated right = next to the search box.

Easiest solution, since you not have room up there for the ad anyway, remove the html
Code: 
    <div id="headside">
        <div id="headbanner">{$zone_a}</div>
    </div>

Second option, to just hide it, add to user.css
Code: 
#headside {
  display: none;
}
 
ok thank you sire the search-box is back and this solved most of the problems.


only on smaller screens i have a background problem this is how it shut look on normal screen 1600x 900x
big.PNG


and this is how it looks when i zoom in look to background -- white part

small.PNG
 
It happens because that theme is really bad for a responsive view. For once zoom in is not so nice. I suggest you read up on responsive a bit.
It aint fixable unless you properly code for screen sizes. Giving really big images max-width: 100%; for example
dont use fixed element widths, instead use % based. Or if fixed pixel values, you have to work with css media queries to catch specific screen sizes

Dont see another way to fix that issue beside proper responsive
 
ok thank you for the information i will dive in it to see what i can do about it


thanks for all the good care
 
You must log in or register to reply here.
Back
Top