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.

Community Forums

Site Links

Useful Articles

Login