Margin in mobile format

Discussion in 'ColorWay WordPress Theme' started by feflores, Oct 15, 2016.

  1. feflores

    feflores New Member

    Joined:
    Sep 23, 2016
    Messages:
    14
    Likes Received:
    0
    Location:
    Guatemala
    Hello, I have this problem:

    The margin of each page and the accompanying notes to the right is displayed as shown in the mobile image2.jpg view. In imagen1.jpg you have to see how to reduce margins mobile view is the left and right (3) Margin (2) above (1) and, on the margins of the phone are very large and steal space .

    Thank you...

    www.MejorWeb.gt
     

    Attached Files:

  2. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Hello Fernando,

    Would you please share the correct URL of your site where you have installed our ColorWay theme.

    I need to check your site first.

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  3. feflores

    feflores New Member

    Joined:
    Sep 23, 2016
    Messages:
    14
    Likes Received:
    0
    Location:
    Guatemala
  4. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Hi,

    I just checked your site and found that one of your plugins is adding extra CSS to your site.

    You are requested to deactivate all of your plugins once and check you site's again,

    Then activate one by one your plugins checking result on each activation,

    Hope this will let you figure out the messing up plugin.

    Do let me know if you need further assistance,

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  5. feflores

    feflores New Member

    Joined:
    Sep 23, 2016
    Messages:
    14
    Likes Received:
    0
    Location:
    Guatemala
    Disable all plugins and the problem continues. All things are out of range, photos and texts are attached to the right side mobile. Please help me on this.
     
  6. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Alright..!

    You can try following Custom CSS code in Custom CSS field located in Dashboard->Appearance->Theme Options->Styling Options
    Code:
    @media only screen and (max-width: 480px){
    .content-wrap {
        padding-right: 10px !important;
        padding-left: 10px!important;
        margin-left: 0;
    }
    }
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .content-wrap {
        padding-right: 30px !important;
        padding-left: 30px!important;
    }
    }
    I hope this will resolve your issues.

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     

Share This Page