Banner container issues

Permalink Browser Info Environment
Hi

When you add a banner container with an images as part of the header on the layout just under the navigation bar, if you add text and a title to the banner the context then covers the navigation dropdown on mobile devices and so prevents you from being able to navigate to other pages.

Is there something i'm doing wrong or is this a known issue?

Thanks

Type: Discussion
Status: New
kevcorn
View Replies: View Best Answer
formigo replied on at Permalink Reply
formigo
Hello. Thanks for you message, please can you send us a link where we can
see this issue.






On 12/03/2014 21:35, "concrete5 Community" <discussions@concretecms.com>
wrote:
kevcorn replied on at Permalink Reply
kevcorn
Unfortunately the site I have at the moment requires log in as it is not yet live. I have also found that if you reduce the width of a browser without using a device, the same issue occurs. I am using chrome as a browser in case that contributes towards the issue.

The Title of the banner container and text overlap the navigation bar if the navigation bar is placed directly above it.

The paragraph I have contains 30 words and the title contains 6 spanning more than 50% of the site width.

If you really need access to it, if you can private message me and I will post the site URL up and remove admin rights for a short period
formigo replied on at Permalink Reply
formigo
Hi we can't help with access. Please create us a temp admin login and PM that together with the site URI.

Best

Ollie



> On 13 Mar 2014, at 07:46, "concrete5 Community" <discussions@concretecms.com> wrote:
kevcorn replied on at Permalink Reply
kevcorn
I have sent a message with the details

Thanks
formigo replied on at Permalink Best Answer Reply
formigo
Hi there,

What you would need to do here is actually hide that text on mobile; the container block is not a responsive block per se - hence your problem.

If you open up the main.css file in your theme directory you can add the following CSS:

.formigo-container-banner-content {
   display:none;
}


You need to add this in 2 places - before the } on line 316 and before the } on line 361.

By doing this you will effectively hide the text on mobile and solve the issue.

Please make sure you back up all your files before doing this.

Thanks
Andy
kevcorn replied on at Permalink Reply
kevcorn
Hi Andy

That would have been my final option.

Thanks for taking a look at the site and appreciate the help in the matter.

I will add the CSS where required

Kevin

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.