0
Welcome Guest! Login
0 items Join Now

Extra background area on iphone/ipad

    • Sarah  Francis's Avatar
    • Sarah Francis
    • Sr. Rocketeer
    • Posts: 174
    • Thanks: 1
    • Digital Marketing/Development Consultant

    Extra background area on iphone/ipad

    Posted 8 years 8 months ago
    • I'm seeing extra space around my main .rt-container on ipads and iphones - see attached screenshot. The user can drag the body of the page around and sees the background extended and then white space to the right. I've searched around and think it's to do with the media queries perhaps. Please can someone help me work out what I've done to allow this to happen and how I can set the width of the body on mobile devices.

      www.ardlogie.co.uk/

      Thank you
    • http://www.yellowcherrydigital.co.uk
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Extra background area on iphone/ipad

    Posted 8 years 8 months ago
    • It's caused by your search module... Use this code...
      #cp_container_f2b_search_cal[style*="visibility: hidden"] {
          display: none;
      }

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"


      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.

Time to create page: 0.059 seconds