I'm having a brain meltdown over trying to get the nectar slider working properly. Two questions
1. What is the size of the slider that would not be adjusted after it hits the home page. I've tried tons of sizes and nothing is working right. The same thing for going to parallax, it does a zoom that i can't seem to control. PLEASE HELP
Also when i view this on my iphone, the sizing seems wayy off. How do i adjust this so it displays properly on mobile.
Hey Elliott! Sorry for the delay - Wrapping up V3.0 caused a larger than normal queue to build - thanks for your patience! :)
You're supplying images that are 735px tall but have only set the slider to 550px for the height. You're also using images that require the screen width to be pretty wide to read since you're writing the text on the images themselves instead of using the caption & header inputs for the slide. If you're going to make your images text heavy, please keep that text content more towards the center to allow clipping on the edges without it cutting off your content. Since only the sliders height get resized in every viewport change but the width is constantly adjusting to the current screen width, the picture will get clipped on the edges depending on the screen width - but not to any major extent.
Also, the sizing on the phone is keep the same proportions you're setting for the desktop but again since your images text content is going out so far some is getting clipped.
Hey Nectar! So the sliders are looking awesome, however i am noticing on this page http://thf.elitewebscapes.com/taylor/, that when i scale down to mobile size the header freezes up at 600 and stays that way. Please let me know how to adjust this as it looks awesome on the full browser but not on the mobile on that page, and im hoping it doesnt happen for the rest of them.
So im combining my issues on this thread to hopefully get this all wrapped up when i hear from you next. I've attached a picture of the other issue, im getting spacing on top of the nectar slider, how do i take it out so i hugs the header?
Lastly, I would like to take out widget spot 2 so i only have a left widget and a right widget without the large blank space inbetween when it converts to mobile. Is this possible?
1. Add this to your custom css box in the Salient options panel:
@media only screen and (max-width : 690px) {
body #page-header-bg {
height: 170px!important;
}
}
2. It appears you've wrapped the slider in a custom div with the class "fixed-height". That's actually what's stopping the standard theme logic form moving the first row up under the header where it belongs.
3. There's an option to use a 2 column footer setup in your footer options tab in the theme options panel - if you don't have that option then you just need to update to a more current release :)
Everything worked on #1 and #3. Im a little confused about #2. I havnt messed with the slider or added a custom div in #2 in question. I even reverted back to the original CSS to be sure. I'm looking at the CSS now and can't find this adjustment
It wasn't any css that was added it appears to be custom html markup - Since you don't know where it's coming from you can just add this into your custom css box to sort it:
@media only screen and (min-width : 1px) and (max-width : 1000px) {
.fixed-height {
margin-top: 0px!important;
}
}
.fixed-height {
margin-top: -46px;
}
Ok, so i added that, and it works on the web version but once it converts to the mobile version, it reverts back, and actually gets worse. Im pretty sure this is all that needs fixing at this point. you guys have been fantastic with your support.
Hey Guys, Im using this ticket so you know whats been done so far. This should be my last ticket assuming this error doesnt keep happening.
Here's my issue, When i look at my site on iphone, the width of the headers on pages and Nectar Slider on the homepage look like they are out past 400px again. (im guessing 480px, so it cuts off a good bit of my page headers. I realize im using just images without the text fields but we had this working before. So please help me out here.
Is there a way to make sure it resizes the image down to 320px when its down to mobile size as we had this fixed before and now its back to doing it again.
Last Question, on the nectar slider, do the videos not play on mobile or have a done somthing to mess it up? I can get it to playback on
I have attached pictures for reference for the issues with the header images. I also updated to the most recent Version and all sorts of things went wacky, including the secondary navigation being hard coded to leaving deadspace in the secondary nav. All i wanted was the social so i just changed the Z-Index to 9991 instead of 9999, hopefully that wont cause any issues. But it did bring back the black line ontop of the page headers like last time as well.
can you please allow me admin access so I can add the neccessary css into your Custom CSS box as to avoid any further back and forth? I fear staying in here for these issues is only delaying you getting the solution you need!
Hey Elliott! Sorry for the delay - Wrapping up V3.0 caused a larger than normal queue to build - thanks for your patience! :)
You're supplying images that are 735px tall but have only set the slider to 550px for the height. You're also using images that require the screen width to be pretty wide to read since you're writing the text on the images themselves instead of using the caption & header inputs for the slide. If you're going to make your images text heavy, please keep that text content more towards the center to allow clipping on the edges without it cutting off your content. Since only the sliders height get resized in every viewport change but the width is constantly adjusting to the current screen width, the picture will get clipped on the edges depending on the screen width - but not to any major extent.
Also, the sizing on the phone is keep the same proportions you're setting for the desktop but again since your images text content is going out so far some is getting clipped.
Cheers
Perfect I'll check this tonight. Thank you.
Hey Nectar! So the sliders are looking awesome, however i am noticing on this page http://thf.elitewebscapes.com/taylor/, that when i scale down to mobile size the header freezes up at 600 and stays that way. Please let me know how to adjust this as it looks awesome on the full browser but not on the mobile on that page, and im hoping it doesnt happen for the rest of them.
Also, when will V3.0 Release as im getting ready to buy two more licenses.
So im combining my issues on this thread to hopefully get this all wrapped up when i hear from you next. I've attached a picture of the other issue, im getting spacing on top of the nectar slider, how do i take it out so i hugs the header?
Lastly, I would like to take out widget spot 2 so i only have a left widget and a right widget without the large blank space inbetween when it converts to mobile. Is this possible?
Hey Elliott!
1. Add this to your custom css box in the Salient options panel:
@media only screen and (max-width : 690px) { body #page-header-bg { height: 170px!important; } }2. It appears you've wrapped the slider in a custom div with the class "fixed-height". That's actually what's stopping the standard theme logic form moving the first row up under the header where it belongs.
3. There's an option to use a 2 column footer setup in your footer options tab in the theme options panel - if you don't have that option then you just need to update to a more current release :)
Cheers
Everything worked on #1 and #3. Im a little confused about #2. I havnt messed with the slider or added a custom div in #2 in question. I even reverted back to the original CSS to be sure. I'm looking at the CSS now and can't find this adjustment
ok i just redownloaded the CSS and put it on the site, the same thing happening with the nectar slider
Hey again!
It wasn't any css that was added it appears to be custom html markup - Since you don't know where it's coming from you can just add this into your custom css box to sort it:
@media only screen and (min-width : 1px) and (max-width : 1000px) { .fixed-height { margin-top: 0px!important; } } .fixed-height { margin-top: -46px; }Cheers!
Ok, so i added that, and it works on the web version but once it converts to the mobile version, it reverts back, and actually gets worse. Im pretty sure this is all that needs fixing at this point. you guys have been fantastic with your support.
You're welcome!
Also, try changing the snippet to just this:
.fixed-height { margin-top: -46px; }You rock! That was it. THANKS SO MUCH!
Hey Guys, Im using this ticket so you know whats been done so far. This should be my last ticket assuming this error doesnt keep happening.
Here's my issue, When i look at my site on iphone, the width of the headers on pages and Nectar Slider on the homepage look like they are out past 400px again. (im guessing 480px, so it cuts off a good bit of my page headers. I realize im using just images without the text fields but we had this working before. So please help me out here.
Is there a way to make sure it resizes the image down to 320px when its down to mobile size as we had this fixed before and now its back to doing it again.
Last Question, on the nectar slider, do the videos not play on mobile or have a done somthing to mess it up? I can get it to playback on
Please let me know Thanks
No worries on the nectar slider VIDEO on mobile issues. I figured that out. But the sizing is still an issue
I have attached pictures for reference for the issues with the header images. I also updated to the most recent Version and all sorts of things went wacky, including the secondary navigation being hard coded to leaving deadspace in the secondary nav. All i wanted was the social so i just changed the Z-Index to 9991 instead of 9999, hopefully that wont cause any issues. But it did bring back the black line ontop of the page headers like last time as well.
Please help me out with this.
EP
EP,
can you please allow me admin access so I can add the neccessary css into your Custom CSS box as to avoid any further back and forth? I fear staying in here for these issues is only delaying you getting the solution you need!
Cheers :)
Hey again!
I just sorted the slider issue - as for the social nav issue, once you update to the latest release(3.1.5) this will be resolved :)
Cheers