searchbox and layout on smaller screens of sync

[top250]

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

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

so hoop one of you can help me whit it

 

[top250]

here is the mobile view

 

[Basti]

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

    <div id="headside">
        <div id="headbanner">{$zone_a}</div>
    </div>

Second option, to just hide it, add to user.css

#headside {
  display: none;
}

 

[top250]

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

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

 

[Basti]

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

 

[top250]

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

 

[Basti]

Alright, if your stuck anywhere, feel free to ask