Overlapping Headers

[WDWKOOK]

There is some overlapping of headers at the top of pages:

 

[andrewilley]

This has already been reported in a couple of threads (e.g. http://www.disboards.com/threads/landscape-vs-portrait-cant-read-some-text.3375873/#post-53000292), it seems to be related to the responsive dynamic width system as you adjust the width of your browser window.

Andre

 

[WebmasterCorey]

Yep. We are looking into it.

 

[andrewilley]

Yep. We are looking into it.

Cheers, I suspected you'd be on top of it.

Andre

 

[WDWKOOK]

Yep. We are looking into it.

The overlap is gone, thank you.

ETA: Overlapping is fixed on iPad/iPhone, but remains on Macs: desktop/laptop.

 

[Geemo]

The overlap is gone, thank you.

I still have the overlap problem.
The royal blue band covers the light blue so I can't see the writing.

 

[andrewilley]

I still have the overlapped headers issue too. It occurs with browser window content widths of between 871 pixels down to 753 pixels (where the minimal-content option switches in). I think they are still working on it though, so give them a bit of time.



Andre

 

[Geemo]

Today the screen is perfect. I can read all info band.
Thank you

 

[WDWKOOK]

Today the screen is perfect. I can read all info band.
Thank you

Are you on an iOS device, such as an iPad or iPhone? Those aren't overlapping for me, but my Mac desktop/laptop still are.

 

[Geemo]

Are you on an iOS device, such as an iPad or iPhone? Those aren't overlapping for me, but my Mac desktop/laptop still are.

I didn't have any trouble on my android tablet. I haven't checked my laptop.

The problem was on my home PC a Dell. The browser I use is Firefox. I went to the Firefox website and did re-loaded update. Since then the problem I was having is gone.

You might try doing an update re-load and see if that makes a difference for you.

Good luck
Geemo

 

[WDWKOOK]

I didn't have any trouble on my android tablet. I haven't checked my laptop.

The problem was on my home PC a Dell. The browser I use is Firefox. I went to the Firefox website and did re-loaded update. Since then the problem I was having is gone.

You might try doing an update re-load and see if that makes a difference for you.

Good luck
Geemo

My guess is this is a browser width issue like andrewilley mentioned, so small devices, like tablets and phones work fine, but larger screens don't yet accommodate the header. I'm glad you've resolved it though

 

[WDWKOOK]

I found the answer below on another thread that worked for me and my iMac 21.5". It did reduce the font size though so I'm going with increased font magnification and increased header overlap

andrewilley: "You could also try reducing the page magnification setting in your browser."

 

[DLM1980]

I didn't have any trouble on my android tablet. I haven't checked my laptop.

The problem was on my home PC a Dell. The browser I use is Firefox. I went to the Firefox website and did re-loaded update. Since then the problem I was having is gone.

You might try doing an update re-load and see if that makes a difference for you.

Good luck
Geemo

Where you using your tablet in portrait or landscape mode?

The problem still exists on my iPad. But has never existed on my iPhone. The problem CAN EXIST on my Mac, but usually doesn't because I have a 23 inch cinema display and generally have my browser cover most of the screen, so I never see it, but you can see it play out in these three images.

This would be nice for all views , but alas only shows up on my iPhone

This shows up on my iPad when in Portrait mode, or if my browser window on my mac is too small and is the least desired.


This is what shows up normally on my mac when the browser window is large enough, this is also how my iPad in LANDSCAPE mode shows up.

 

[Geemo]

Couldn't tell you what the setting is on my tablet....

On my home PC I use a 27" wide screen monitor. The screen resolution is on 1920 x 1080 with the orientation in Landscape.

Do you use Firefox, Internet Explorer, Google Chrome or one of the other major browsers?
I use Firefox. When I ran an update of Firefox this morning, the problem was gone.

Try running an update for the one you use and see if this works for you too.

Good luck
Geemo

 

[WebmasterCorey]

This is getting closer to being resolved. I still have about 11 pixels to kill.

 

[andrewilley]

This is getting closer to being resolved. I still have about 11 pixels to kill.

LOL, you give those pixels hell for us.

Ironically, I had exactly the same problem with the menus on my own site when I tweaked some layout details a few months back - certain browsers were rendering text in slightly different widths, and thus causing an overflow onto a second line. I ended up hard-coding the header blocks rather than allowing dynamic widths (just for the menus, the rest of the site is dynamic).

Andre

 

[Candleshoe]

This is getting closer to being resolved. I still have about 11 pixels to kill.

If you get a FP+ for that activity it will happen sooner.

Just sayin'

 

[WDWKOOK]

This is getting closer to being resolved. I still have about 11 pixels to kill.

Death to the pixels! You did it! No overlapping headers any longer even with super duper jumbo magnification. Thank you, @WebmasterCorey.

 

[andrewilley]

Death to the pixels! You did it! No overlapping headers any longer even with super duper jumbo magnification. Thank you, @WebmasterCorey.

Nope, still not quite 100% fixed on the live site. I currently measure it at about 30 pixels (the issue occurs from approx. 750 to 780 pixels width, at 100% magnification on IE). I'm sure those pesky pixels are being given a darned good talking to though.

Andre

 

[WDWKOOK]

Nope, still not quite 100% fixed on the live site. I currently measure it at about 30 pixels (the issue occurs from approx. 750 to 780 pixels width, at 100% magnification on IE). I'm sure those pesky pixels are being given a darned good talking to though.

Andre

I'm using Safari. I'm sure those IE mag. pixels will relent soon.