Header banner too large on mobile

Please post any support questions here. Guest posting is allowed
Hervé
Posts: 21
Joined: Fri Aug 21, 2020 3:18 pm

Header banner too large on mobile

Post by Hervé »

Good morning,
On PC the banner is ok but it is too large on mobile; this is a mobile screen shot and the parameters used.
Can you help ?
Image
Image
Administrator
Site Admin
Posts: 683
Joined: Tue Nov 18, 2014 11:30 am

Re: Header banner too large on mobile

Post by Administrator »

The banner should scale to fit the available space no matter what the size.

Does my demo site work correctly or not?

A link to your board may help.
Hervé
Posts: 21
Joined: Fri Aug 21, 2020 3:18 pm

Re: Header banner too large on mobile

Post by Hervé »

Hi,
Where is your demo site ?
Mine is at https://www.LeForumRecifal.com
Administrator
Site Admin
Posts: 683
Joined: Tue Nov 18, 2014 11:30 am

Re: Header banner too large on mobile

Post by Administrator »

https://banner.hifikabin.me.uk/

I see what you mean on your site. Does it show correctly with the background colour enabled?
Hervé
Posts: 21
Joined: Fri Aug 21, 2020 3:18 pm

Re: Header banner too large on mobile

Post by Hervé »

On your demo site the banner is OK.
On my forum with "hide the Header Background colour" = NO the banner is OK too.
Administrator
Site Admin
Posts: 683
Joined: Tue Nov 18, 2014 11:30 am

Re: Header banner too large on mobile

Post by Administrator »

I suspect that its something to do with the sidebar you have showing Recent Posts. I doubt that it will be easily to solve within the extension. The easiest way would be if you added a border to the Mobile Banner (maybe 5px wide) Then any cutoff will be of the border not the banner
Hervé
Posts: 21
Joined: Fri Aug 21, 2020 3:18 pm

Re: Header banner too large on mobile

Post by Hervé »

The problem is not that the banner is truncated but that it is wider than the screen, therefore you can move the window a little to the left and to the right; I don't think adding a border changes anything.
I don't understand why coloring the background solves the problem.
Administrator
Site Admin
Posts: 683
Joined: Tue Nov 18, 2014 11:30 am

Re: Header banner too large on mobile

Post by Administrator »

It was showing as slightly truncated in my browsers, not scrollable at all.

Download and unzip the attached and use it to replace the file of the same name at

/ext/hifikabin/headerbanner/styles/prosilver/theme/

There will be a white border around the banner in Mobile Devices but the banner should behave better

headerbanner_background.zip
You do not have the required permissions to view the files attached to this post.
Hervé
Posts: 21
Joined: Fri Aug 21, 2020 3:18 pm

Re: Header banner too large on mobile

Post by Hervé »

Yes, it's working fine now, thanks a lot.
Administrator
Site Admin
Posts: 683
Joined: Tue Nov 18, 2014 11:30 am

Re: Header banner too large on mobile

Post by Administrator »

No problem, glad to have helped