Solved/ Custom CMS block doesn't fit on mobile

[Koen_K]

Hello,

My custom CMS block doesn't resize/reshape properly on mobile phones. The bottom half is cut off and not shown.

Attached is a printscreen of my mobile, and a printscreen of my desktop on which it is shown correct.

 

Does anyone know why this happen, and how I can solve it? Is it just a dimension I can change in a databas file?

 

Thanks in advance!

 

Phone:

 

Desktop:

Edited October 23, 2016 by Koen_K (see edit history)

[Teapot Creative]

Hi Koen_K,

 

I believe this may be a CSS issue, are you able to provide the site URL, so I can take a further look into this for you.

 

Many thanks,

 

Ant.

[Koen_K]

Thanks for your reply!

Sure, it's www.vuurwerkoutletgelderland.nl

[lgamil]

I am having the same problem...any help greatly appreciated

[Koen_K]

Does anyone has an answer to this issue?

PrestashopUK perhaps?

Thanks,

[rocky]

Look for the following code at about line 8387 of themes/default-bootstrap/css/global.css:

  @media (max-width: 767px) {
    #facebook_block,
    #cmsinfo_block {
      width: 100%;
      min-height: 1px; } }

And change the last line to:

      min-height: 1px;
      height: auto; } }

[Koen_K]

Great, thats it.

Thanks!