• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] Problem with smartphone view of website

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › Problem with smartphone view of website

Tagged: mobile

  • This topic has 9 replies, 3 voices, and was last updated 6 years, 6 months ago by jihes.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 5, 2015 at 3:22 pm #632
    jihes
    Participant

    Hello,

    I’ve a big issue with my website: the rendering with mobile is broken.

    It’s still responsive but not showing good on whatever smartphone browser.

    I don’t find the reason. Can you help me?

    my website: http://pub.be/

    Thanks in advance

    November 5, 2015 at 3:32 pm #633
    Chinmoy Paul
    Moderator

    Your site is broken on Desktop also. I think that you reduced the width. You should check the style.css file.

    November 5, 2015 at 3:37 pm #634
    Chinmoy Paul
    Moderator

    I think that I got the problem.

    Replace

    .boxed .site-container {
        background-color: #fff;
      //  -webkit-box-shadow: 0 0 3px #ddd;
       //    -moz-box-shadow: 0 0 3px #ddd;
       //      -o-box-shadow: 0 0 3px #ddd;
       //         box-shadow: 0 0 3px #ddd;
        margin: 40px auto;
        margin-top: 0px; /* remove this when using bg image or color */
        max-width: 1140px;
    }

    WITH

    .boxed .site-container {
        background-color: #fff;
      /*-webkit-box-shadow: 0 0 3px #ddd;
           -moz-box-shadow: 0 0 3px #ddd;
             -o-box-shadow: 0 0 3px #ddd;
                box-shadow: 0 0 3px #ddd;*/
        margin: 40px auto;
        margin-top: 0px; /* remove this when using bg image or color */
        max-width: 1140px;
    }
    November 5, 2015 at 4:05 pm #635
    jihes
    Participant

    Hello Paul

    Thanks for helping

    Not working šŸ™ I just made the change and clear the cache and I still have the problem…

    November 5, 2015 at 4:21 pm #636
    Chinmoy Paul
    Moderator

    Replace this CSS (line no 608)

    .content, 
    .home-bottom-left {
      float: right;
      width: 693px;
    }

    WITH

    .content, 
    .home-bottom-left {
      float: right;
      width: 600px;
    }

    Also you will add this

    @media only screen and (max-width: 960px ) {
      body {
        margin-left: 7%;
        margin-right: 7%;
      }
    }
    
    @media only screen and (max-width: 800px ) {
      body {
        margin-left: 1%;
        margin-right: 1%;
      }
    }
    November 5, 2015 at 4:39 pm #637
    jihes
    Participant

    Changes are made but still not working…

    November 5, 2015 at 6:28 pm #638
    Chinmoy Paul
    Moderator

    You should check your style.css file. You added lot of custom css. So you will check them.

    November 5, 2015 at 7:13 pm #639
    Davinder Singh Kanith
    Moderator

    Have you added margin-left and margin-right 150px? Check attached screenshot, it seem to be causing the issue.

    November 6, 2015 at 12:16 am #640
    jihes
    Participant

    Hello Davinder,
    I don’t find any 150px margin in my CSS.
    Furthermore, everything was great before, I don’t have made any design change recently. I just have updated my plugins, Genesis and WordPress (+ added Security & Optimize plugins).

    So I don’t get why things don’t work anymore.

    Thanks for helping.

    November 6, 2015 at 12:40 am #641
    jihes
    Participant

    Hi again,

    I think I found it. I use CSS Hero and I found 150px margin in the CSS. I delete it, and know it seems to be OK. (I’ll now have to check if I don’t have made changes that were useful).

    Let me know if you see other issues. Thanks again.

    JS

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2022 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates