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

Problems with iPad View

ipadlayout
    • 9 years, 7 months ago JoanaSanzSol
      Participant

      Expired

      Hi I am experiencing problems with the site when viewed with an Ipad. Different elements seems not to fit well in the layout.

      Site is http://www.joanasanz.es

      Could you tell me how to fix it?

      Thank you.

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      Please add these lines into your custom css box:

      @media (max-width: 1100px) and (min-width: 981px){
      .top_wrapper {    padding-left: 8% !important;}
      nav .menu > li {
          margin-right: -7px !important;
          margin-left: -7px !important;
      }
      }
      @media (max-width: 979px) and (min-width: 768px){
      .boxed_layout { left: 20px !important;}
      .container { width: 669px !important;}
      .rev_slider >ul { width: 669px !important;}
      }
      

      Let us know.

      Best regards!

    • 9 years, 7 months ago JoanaSanzSol
      Participant

      Expired

      It looks better now. But there is no margins at the side. Is there a way to put some margins?

    • 9 years, 7 months ago JoanaSanzSol
      Participant

      Expired

      I mean margins beetween the inside of the box and the text.

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      @media (min-width: 768px){
      .vc_col-sm-4 {  width: 32% !important;}
      .latest_blog .no_carousel .blog-item {
          width: 30%;
          margin-left: 16px;
      }
      }

      Let us know.

      Best regards!

      • This reply was modified 9 years, 7 months ago by Mirela.
    • 9 years, 7 months ago JoanaSanzSol
      Participant

      Expired

      It looks exactly the same than before adding the code. Any clue?

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      I can see from inspect element that the custom css has taken over the default one. It is not the same. The columns where “In-Company” section is, are less wide, which creates more padding between text and border.
      Edit this code:

      .latest_blog .no_carousel .blog-item {
          width: 30%;
          margin-left: 16px;
      }

      to this:

      .latest_blog .no_carousel .blog-item {
          width: 30% !important;
          margin-left: 16px !important;
      }

      I guess i misunderstood you, please add this code inside the @media block, too:

      .latest_blog .blog-item .content p {
          margin-right: 16px !important;
          margin-left: 16px !important;
      }
      .services_small .content div {margin-left: 10px !important;}

      Best regards!

    • 9 years, 6 months ago JoanaSanzSol
      Participant

      Expired

      OK, thank you.

Viewing 7 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