Okay
  Public Ticket #307831
Home slider - Safari
Closed

Comments

  • remi started the conversation
    October 27, 2014 at 10:12pm

    Hello,

    I have a problem with my home slider in Safari (iphone and mac). 

    It does not display the complete width of the images (there is a white band on the side). I have updated my theme but the problem is still there.

    Do you have a solution?

    Thanks in advance

  •  8,427
    Tahir replied
    October 28, 2014 at 4:56pm

    Hey!

    Please try deactivating all third party plugins and activate them one by one as this could likely be caused by a conflict from a plugin. 
    Thanks

    ThemeNectar Support Team 

  • remi replied
    October 30, 2014 at 12:50am

    Hi Tahir,

    I try deactivating all plugins but the problem is still there... It actually seems to work on old safari(on my old mac) but not on newer version and neither on iphone/ipad

    I think it is due to the box layout of my website, when I switch to full screen, there is not problem..

    Also, even on other browsers like safari and explorer, there is a light grey rectangle under the homeslider at the bottom right (see attachment)

    Can you help?

    Thanks a lot.

  • remi replied
    October 31, 2014 at 6:40pm

    It seems that it is the same issue than here: http://themenectar.ticksy.com/ticket/270681/searc...

    But with the home slider..

    I tryed also on chrome for iphone and the problem is the same than with safari.

    Do you have a solution?

    Thanks..


  •  988
    ThemeNectar replied
    November 2, 2014 at 10:41pm

    Hey, add this into the custom css box located in your Salient Options panel: 

    div.orbit-wrapper {
    margin-bottom: -17px !important;
}

@media only screen and (min-width: 480px) and (max-width: 690px) {
#boxed #header-outer, #boxed #header-secondary-outer, #boxed #page-header-bg, #boxed #featured, #boxed .orbit > div, #boxed #featured article {
    min-width: 410px!important;
}
}
  • remi replied
    November 3, 2014 at 8:21pm

    Hi!

    cool! Now it works well on mobile (safari, chrome)..

    .. but it seems that the slider is still cut on safari for mac :-(

    Do you have a magic custom css for this as well?

    Thanks you.

  •  988
    ThemeNectar replied
    November 6, 2014 at 11:39pm

    Hey again!

    Actually I can't seem to notice a difference between Safari on desktop vs other browsers yet - could you kindly attach a screenshot showing what you're seeing?

  • remi replied
    November 10, 2014 at 12:00am

    Hi !

    Attached a screen shot from my website with the home slider (Safari on imac.)

    So far the problem is fixed on safari for iphone but as you can see not on mac...(the image is still cut on the right side)

    Thanks

  •  988
    ThemeNectar replied
    November 12, 2014 at 8:12am

    Hey! Add this into the custom css box located in your Salient Options panel:  

    body #boxed #featured, #boxed .orbit > div, #boxed #featured article {
	width: auto!important;
	left: auto!important;
	min-width: 1200px;
}
  • remi replied
    November 12, 2014 at 1:09pm

    Hi!

    Thanks for your answer. 

    Unfortunatly it did not fixed the problem... The image is now cut on mozilla as well..

    Attached is a jpg showing what happened before and  after I added the css code .

    Thanks.

  • remi replied
    November 12, 2014 at 1:29pm

    wait!... I just tried again but changed min-width to 1400px in the shortcode you just provided .(instead of 1200 px)

    Now it works well on Safari and Mozilla on desktop but not anymore on mobile in vertical position :-(... (horizontal position seems to work fine)

    see attached..

  •  988
    ThemeNectar replied
    November 15, 2014 at 2:51am

    Hey! Try changing the snippet to: 

    @media only screen and (min-width: 1400px) {
body #boxed #featured, #boxed .orbit > div, #boxed #featured article {
	width: auto!important;
	left: auto!important;
	min-width: 1400px;
}
}
  • remi replied
    November 18, 2014 at 2:50pm

    Problem is solved! 

    Thanks a lot!! :-)