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

Ipad in Landscape Revolution Slider

    • 8 years, 10 months ago klazernik
      Participant

      Expired

      Please see the two images attached. I asked about a similar issue in the past and you guys updated my Revolution Slider then the issue seemed to be resolved. Now I’ve changed all my photos and seem to be running into the same issue. The first image is my homepage and you’ll see the header is reduced in size when the ipad in being held horizontally. The second image is another page you’ll see the header is full screen. All the headers on all pages go into full screen when held horizontally expect the hompage. As far as I can tell all of the settings are the exact same. Can someone please assist with this and tell me when the headers are reacting differently to being held horizontally?

       

    • 8 years, 10 months ago klazernik
      Participant

      Expired

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

      Hello,

      I added this code into your custom css box:

      @media (max-width: 1024px) {
          .slider {
          max-height: 348px !important;
      }
      div#rev_slider_2_1_wrapper {
          height: 350px !important;
          max-height: 400px !important;
      }
      .fullwidthbanner-container .fullwidthabanner {
          height: 350px !important;
          max-height: 400px !important;
      }
      }

      And this one in the “Financial Planning” page’s custom css box:

      @media (max-width: 1024px) {
      .fullwidthbanner-container .fullwidthabanner {
          height: 349px !important;
          max-height: 400px !important;
      }
      #rev_slider_5_1 {
          height: 349px !important;
          max-height: 400px !important;
      }
      }

      Please check your site and let us know.

      Best regards!

    • 8 years, 10 months ago klazernik
      Participant

      Expired

      Great, this did fix the issue on ipads! The only problem is that now on mobile the header image is not centered. Please see the image below. Can you please assist so it’s centered on mobile? You guys are the best!

       

    • 8 years, 10 months ago Mirela
      Participant

      Hello,

      1-You can use header images for every page. Just go to the page’s General Settings > Page Header Options > Page header background. Set the page header settings here. teh images are also responsive.

      2-Can you please check your site? I can’t seem to open it. It displays just a blank page (screenshot).

      Best regards!

    • 8 years, 10 months ago klazernik
      Participant

      Expired

      I changed the web address to http://www.blueprintcapitalonline.com

    • 8 years, 10 months ago klazernik
      Participant

      Expired

      When I try to use the header images in the general settings. I changed the page header height to 400px but the header still looks like the photo attached. 

    • 8 years, 10 months ago klazernik
      Participant

      Expired

      Yes I’ve been toying with the options and am unable to get the header working through the page header options.

    • 8 years, 10 months ago klazernik
      Participant

      Expired

      With my current setup (using revolution slider) which at this point seems to be my best solution at the moment. Please see the 2 photos attached that I think better illustrate the issue I’m encountering on mobile. This has only started since we added the custom code below to fix the header on the ipad. Previously on mobile the photo looked perfect and was centered. Now everything is moved to the right. See below. Thanks!

       

      <span style=”color: #4b4d4d; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; line-height: 25px; white-space: pre; background-color: #f9f9f9;”>@media (max-width: 1024px) {</span>

      <span style=”color: #4b4d4d; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; line-height: 25px; white-space: pre; background-color: #f9f9f9;”>.fullwidthbanner-container .fullwidthabanner { height: 349px !important; max-height: 400px !important; } #rev_slider_5_1 { height: 349px !important; max-height: 400px !important; } }</span>

    • 8 years, 10 months ago klazernik
      Participant

      Expired

      Sorry to continue to spam this thread but I’ve got the page header options with a photo to work on every page but the homepage. When I set up the homepage header in the options and hit “preview” it looks perfect. Then when I update and view the page all I get is a gray box in the header…

       

    • 8 years, 10 months ago Mirela
      Participant

      Hello,

      You had two missing brackets in the code in your custom css box. It was generating an error and it was impeding the code to take effect.
      I edited it now. Also i added this code for the mobile page header:

      @media (max-width: 767px){
      .header_page.centered { height: 230px !important;}
      }

      Result screenshot.
      Please check your site and let us know.

      PS: I never got the gray box in header more than the loading time. Can you please explain better? Where did you get it?

      Best regards!

    • 8 years, 10 months ago klazernik
      Participant

      Expired

      I put a better explanation on the other thread. This thread has been resolved. Thanks for the help!

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