ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• March 2, 2016 at 6:47 pm #253265
  wdecker123

  Member

  Post count: 14

  Hello support team,
  I’m using Dante Version: 3.2.4. I’ve a problem with responsive design and boxed content.
  If I’m viewing http://decker-consulting.com/leistungen with an ipad mini, the boxed content is displayed wrong. See attached image.
  Any chance to fix that? Thanks, Wilfried

  Attachments:

  You must be logged in to view attached files.
  March 2, 2016 at 7:36 pm #253283
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Please test this:

  @media (min-width: 768px) {
  .sf-icon-box-content {
      word-break: break-all;
  }
  }

  Thanks.

  March 2, 2016 at 7:45 pm #253286
  wdecker123

  Member

  Post count: 14

  Hi David,
  thanks for your quick response. The problem is fixed.
  Brillant!
  Thanks, Wilfried

  March 2, 2016 at 7:46 pm #253287
  David Martin – Support

  Moderator

  Post count: 20834

  No problem, happy to help you.

  Thanks.

  March 2, 2016 at 11:18 pm #253307
  wdecker123

  Member

  Post count: 14

  Hello David,
  your solution fixed the problem descriped in my post above.
  Just noticed that after inserting the code I’ve a problem with my hompage (http://decker-consulting.com/), now.
  The boxed content isn’t displayed correct anymore (inccorect line breaks). In additon to that the boxes have a different size (see attached image).
  Any idea to solve that?
  Thanks again, Wilfried

  Attachments:

  You must be logged in to view attached files.
  March 3, 2016 at 7:20 am #253341
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please try to use this custom css code instead of last code:-

  @media only screen and (max-width: 1024px) {
  .sf-icon-box-content {
      word-break: break-all;
  }
  }

  Thanks
  Mohammad

  March 3, 2016 at 8:00 am #253347
  wdecker123

  Member

  Post count: 14

  Hi Mohammad,
  thanks for your support. It seems that your code fixed the promblem. Thanks for your help.
  I had no chance to test that with an iPad, so far. Guess that that will work, tool. Therefore I close the ticket.
  Thanks, Wilfried

  March 3, 2016 at 9:13 am #253359
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great, thanks Mohammad

  – Kyle

  March 3, 2016 at 4:03 pm #253474
  wdecker123

  Member

  Post count: 14

  Hello Support,
  still have problems with my homepage if I’m using your code. Therefore I deleted it from my custom css/js
  Is it possible to modify your code that is just run on one page (http://decker-consulting.com/leistungen)?
  Thanks again,
  Wilfried

  March 4, 2016 at 7:49 am #253571
  wdecker123

  Member

  Post count: 14

  Hi there,
  any chance to solve my problem described in my post before?
  Thanks, Wifried

  March 4, 2016 at 9:44 am #253588
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Just add the page id:

  @media only screen and (max-width: 1024px) {
  .page-id-156 .sf-icon-box-content {
      word-break: break-all;
  }
  }

  – Kyle

  March 4, 2016 at 11:17 am #253596
  wdecker123

  Member

  Post count: 14

  Hi Kyle,
  thanks for the code.I checked it and recognized the following:

  1.) Yes, it is just excecuted just on page-id 156
  2.) No, the origin issue with boxed contend viewed with the ipad is not solved see attachement of my first post)

  Any ideas to get that solved for the ipad mini?

  Thanks a lot, Wilfried

  March 7, 2016 at 11:23 am #253872
  David Martin – Support

  Moderator

  Post count: 20834

  1) Great

  2) Can you provide a screenshot to illustrate this? I see the icons boxes and their content displaying correctly and with the above CSS working.

  Thanks.

  March 7, 2016 at 5:45 pm #253985
  wdecker123

  Member

  Post count: 14

  Hi David,
  please see the attached screenshot. Created it with an iPad mini just some minutes ago.
  Thanks, Wilfried

  Attachments:

  You must be logged in to view attached files.
  March 8, 2016 at 5:07 pm #254222
  wdecker123

  Member

  Post count: 14

  Hi,
  what do you see, if you browse that page with an iPad mini? Any difference compared with my screenshot?
  Wilfried

• Back to forum

  Posted in: Dante