A curious dilemma

[alan_sh]

I have two web sites. On both sites, I have a header which is obtained from a master page.

In mobile view (BP of 480 or 320), the headers behave differently and I can't work out why.

On one (mobiletest.gmnscouts.org.uk), the header scrolls up and disappears - which is great. That's what I want.

On the other (test.giantsseat.org.uk), the header stays there and the stuff underneath goes under it as it goes up.

I've looked at the properties of the page header in each and I can't see any difference.

Anyone got any ideas where I can start to look?

Alan

[spoon]

Because on test.giantsseat.org.uk at 480 and 320

Code: Select all

@media only screen and (max-width: 479px)
#PageHeader1 {
visibility: visible;
 }

and at mobiletest.gmnscouts.org.uk at 480 and 320

Code: Select all

@media only screen and (max-width: 479px)
#PageHeader1 {
visibility: hidden;
 }

And why do you use two Header, this is not correct.

[BaconFries]

english please spoon... thanks...

[alan_sh]

Sorry - I should have said:

On the mobiletest... site, I have 2 page headers. The second one is displayed (and the first one hidden) for the 480 and 320 breakpoints as I wanted to do something slightly different and I was still learning at the time. But each page header has the same properties.

On the test... site, I'd learned more so only needed one page header to do what I wanted.

Alan

[alan_sh]

I've fixed what I need by creating a second master page and making the header "floating". I then assign the second master page to the pages that need the header to disappear.

I still don't know why my mobiletest... site works the way it does.

Alan

[bkjohns]

Did you read spoon's post? In one your header is hidden, in the other visible.

[alan_sh]

Yes, I did - and replied to it.

Alan

[bkjohns]

Yes, you did. My bad for not reading carefully enough. Sorry.