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
• October 3, 2014 at 8:44 pm #117205
  Joe Jerde

  Member

  Post count: 17

  Hello, if you go to my blog page on mobile… http://domynt.com/blog

  You will notice that the quote post looks horrible and way too big for that screensize.

  Is there anyway to fix this to make it look better on mobile screens?

  Thanks.

  October 4, 2014 at 9:12 am #117234
  Joe Jerde

  Member

  Post count: 17

  Bump. No support? I see other threads are being answered.

  October 6, 2014 at 5:58 am #117366
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  @media only screen and (max-width: 479px) {
  .spb_impact_text .spb_call_text, .impact-text{text-align:center;}
  .mini-items .mini-alt-wrap .quote-excerpt:after{font-size:20px !important;}
  .mini-items .mini-alt-wrap .quote-excerpt:before{font-size:20px !important;}
  .mini-items .mini-alt-wrap .quote-excerpt {padding: 0 54px 20px !important;}
  .blog-item .quote-excerpt{font-size:14px !important;}
  }

  Thanks
  Mohammad

  October 6, 2014 at 6:43 am #117379
  Joe Jerde

  Member

  Post count: 17

  Thanks sir, looks much better. The comment icon and like this icon are still out of the container though on my iPhone 5S in portrait. Landscape they look fine. So something is still squeezing them out.

  October 6, 2014 at 8:05 am #117412
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  @media only screen and (max-width: 767px) { 
  .format-quote .blog-item-details {
    display: none!important;
  }
  }

  – Kyle

  October 6, 2014 at 8:21 am #117423
  Joe Jerde

  Member

  Post count: 17

  Thanks, quote post on mobile looks perfect now. 🙂
  But I do have one more issue with the mobile look. The article image is off size. See attached screenshot…

  Attachments:

  You must be logged in to view attached files.
  October 6, 2014 at 8:22 am #117426
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  @media only screen and (max-width: 767px) {
  .has-no-sidebar .mini-items .blog-item figure {
    width: 100%;
  }
  }

  – Kyle

  October 6, 2014 at 8:28 am #117427
  Joe Jerde

  Member

  Post count: 17

  Thanks Kyle and Mohamad. You guys are wizards of code. I hope the dev is paying you well. 🙂

  October 6, 2014 at 8:33 am #117431
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

  – Kyle

• Back to forum

  Posted in: Dante