Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Sloppy on iPad

    • 9 years, 10 months ago AHC2014
      Participant

      Expired

      I was told that on the iPad the body of the theme was not formatting properly on the device.

      https://www.aliyahammond.com/wp-content/uploads/2015/12/a43b8f4b-cb5a-45bd-94e6-2fd63c9240b8.png

      Any suggestions to correct it?

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      .top_wrapper {
          min-width: 1100px;
      }

      Let us know.

      Best regards!

    • 9 years, 10 months ago AHC2014
      Participant

      Expired

      It still didn’t work. Any other solutions?

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      Please edit the above to this:

      @media (max-width: 979px) and (min-width: 768px){
      .top_wrapper { min-width: 691px !important;}
      .container { width: 724px!important;}
      }

      Let us know.

      Best regards!

    • 9 years, 10 months ago AHC2014
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 10 months ago AHC2014
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      You have left out some important configuration, like setting up a homepage in General Options > Select Frontpage. Setting a page is important for it to inherit the basic configurations and style.
      Did you paste the code i gave you? There was no code pasted into your custom css box. I added the two blocks of code i gave you in previous replies, and i added this too:

      @media (min-width: 768px){
      .container {max-width: 681px !important;}
      ul.tp-revslider-mainul {
          width: 692px !important;
          left: -6px !important;
      }
      .vc_gitem-zone .vc-zone-link { left: -6px !important;}
      }

      It’s ok now. I tested it in ipad as well.

      Best regards!

    • 9 years, 10 months ago AHC2014
      Participant

      Expired

      I edited the code in the stylesheet in the editor. But let me check the ipad

    • 9 years, 10 months ago AHC2014
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      In my previous reply, i wrote that i added both blocks of code i already gave you. These lines:

      .top_wrapper {
          min-width: 1100px;
      }
      @media (max-width: 979px) and (min-width: 768px){
      .top_wrapper { min-width: 691px !important;}
      .container { width: 724px!important;}
      }

      And additional to these i added this code too:

      @media (min-width: 768px){
      .container {max-width: 681px !important;}
      ul.tp-revslider-mainul {
          width: 692px !important;
          left: -6px !important;
      }
      .vc_gitem-zone .vc-zone-link { left: -6px !important;}
      }

      I see only the last block of code into your custom css box(screenshot). Did you erased it?
      I already fixed it and tested. Please do not undo the work i did, as it’s time consuming for both parties and i can’t help you like this.
      The code is back in custom css box. This is the view from ipad, screenshot.

      Best regards!

    • 9 years, 10 months ago AHC2014
      Participant

      Expired

      The top wrapper was not added in the custom css box at all. But I’ll check the iPad.

    • 9 years, 10 months ago AHC2014
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      I fixed it.(screenshot)
      Please check your site and let us know.

      Best regards!

    • 9 years, 10 months ago AHC2014
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 10 months ago AHC2014
      Participant

      Expired

      I want to have the site like this:
      https://porterspace.com/wp-content/uploads/2016/01/alyiahammond-750×405.png

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      I made some changes to custom css code. This is the view of site in ipad profile, and in landscape. What do you want to change now? Let us know.

      Best regards!

    • 9 years, 9 months ago AHC2014
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 9 months ago AHC2014
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 9 months ago AHC2014
      Participant

      Expired

      Any update?

Viewing 18 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password