I cannot figure out why the parallax effect will not work with nectar slider? The parallax effect works fine with the home slider, however with nectar it is choppy when I mouse scroll. It is seemingly creates the effect but not smoothly. It does seem to work ok when I drag scroll rather than with the mouse wheel.
A non related question, I'm wondering how to align the secondary nav bar (top tool bar) text to the left instead of the middle. So basically have the socials on one side (which I figured out) and the text on the other.
That is a browser rendering issue so i am afraid we cant help remove the choppy effect.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Alright well then its settles lol. I appreciate your fast response.
Lastly, that script for the secondary nav bar worked like a charm, however how would I modify for the right side? I switched the working from left to right and tried to play with the % and px however no success--the text goes out of the screen.
Since installing WooCommerce, the shopping cat icon seems to be outside of the nav menu bar (its bumped out into the next container it looks like), is there a way to make it sit next to the search/account icons?
Now my front Salient WPBakery page editor is not working... getting stuck on the loading. Any suggestions? Tried Chrome as well, no luck...
Using the inspector in Chrome, this is the error I dug up which seems to be the problem:
frontend-editor.min.js?ver=5.6:2093 Uncaught TypeError: vc.frame_window.jQuery is not a function at vc.ShortcodesBuilder.buildFromContent (frontend-editor.min.js?ver=5.6:2093) at Object.vc.build (frontend-editor.min.js?ver=5.6:7342) at frontend-editor.min.js?ver=5.6:7348
Lastly, how would I tied a custom font on my server to be used as the font for the page title. I figured out how to do it for the body and h1-h6 text, but dont know how the css for a global page title change.
I apologize for all the questions, they just keep coming up while I work!
yet another question: is it possible to implement a carousel of some sort into a footer widget? Thinking of placing clients "sponsor" logos in something like that if possible.
1) how to get the WooCommerce shopping cart to sit inside the main nav menu,
2) right alight the secondary nav header text,
3) and why my frontend editor stopped working? (see comment on error below)
4) and now how to get the nectar slider to fill a column entirely (next to another column with text, resizing appropriately to match the the text column as the screen size changes) http://avalonsurfcamp.com/private-lessons/ to see example
1. I am afraid thats not possible given the current Theme Options.
2. Please turn on the Secondary Nav so i can write up custom css for it.
3. Could you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
4. The Nectar Slider is a Dynamic Element so it wont work like that .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body #header-secondary-outer .nectar-center-text {
text-align: right !important;
right: 0px !important;
left: auto !important;
padding: 35px;
}
I put the suggested code, did not work. I tried editing what I could but couldn't get it to sit flush, still goes off screen. There are no errors either.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body #header-secondary-outer .nectar-center-text {
text-align: right !important;
right: 0 !important;
left: auto !important;
max-width: 100% !important;
transform: none !important;
top: 0px !important;
position: relative !important;
padding: 0px 5px !important;
}
Update: test slider URL: http://avalonsurfcamp.com/slider-test/
I cannot figure out why the parallax effect will not work with nectar slider? The parallax effect works fine with the home slider, however with nectar it is choppy when I mouse scroll. It is seemingly creates the effect but not smoothly. It does seem to work ok when I drag scroll rather than with the mouse wheel.
I have tested on chrome, no success.
Running: Safari 12.0.3, PHP 7.3 (tried 7.1) & CloudFlare (Rocket Loader off/disabled entirely)
=====
A non related question, I'm wondering how to align the secondary nav bar (top tool bar) text to the left instead of the middle. So basically have the socials on one side (which I figured out) and the text on the other.
Thank you
Hey D,
That is a browser rendering issue so i am afraid we cant help remove the choppy effect.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#header-secondary-outer .nectar-center-text { text-align: left !important; left: 0px !important; -webkit-transform: translateX(0%) translateY(-50%) !important; transform: translateX(0%) translateY(-50%) !important; }Thanks
ThemeNectar Support Team
Alright well then its settles lol. I appreciate your fast response.
Lastly, that script for the secondary nav bar worked like a charm, however how would I modify for the right side? I switched the working from left to right and tried to play with the % and px however no success--the text goes out of the screen.
Since installing WooCommerce, the shopping cat icon seems to be outside of the nav menu bar (its bumped out into the next container it looks like), is there a way to make it sit next to the search/account icons?
Thanks in advance for your expert support,
Dino
Now my front Salient WPBakery page editor is not working... getting stuck on the loading. Any suggestions? Tried Chrome as well, no luck...
Using the inspector in Chrome, this is the error I dug up which seems to be the problem:
frontend-editor.min.js?ver=5.6:2093 Uncaught TypeError: vc.frame_window.jQuery is not a function
at vc.ShortcodesBuilder.buildFromContent (frontend-editor.min.js?ver=5.6:2093)
at Object.vc.build (frontend-editor.min.js?ver=5.6:7342)
at frontend-editor.min.js?ver=5.6:7348
attachment for the shopping cart icon not sitting inline
Lastly, how would I tied a custom font on my server to be used as the font for the page title. I figured out how to do it for the body and h1-h6 text, but dont know how the css for a global page title change.
I apologize for all the questions, they just keep coming up while I work!
Thanks,
Dino
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
http://avalonsurfcamp.com/home/
yet another question: is it possible to implement a carousel of some sort into a footer widget? Thinking of placing clients "sponsor" logos in something like that if possible.
As always, Thanks Tahir!
Dino
No i am afraid however there is a gallery widget available that you can use .
Best
ThemeNectar Support Team
k I still am curious of:
1) how to get the WooCommerce shopping cart to sit inside the main nav menu,
2) right alight the secondary nav header text,
3) and why my frontend editor stopped working? (see comment on error below)
4) and now how to get the nectar slider to fill a column entirely (next to another column with text, resizing appropriately to match the the text column as the screen size changes) http://avalonsurfcamp.com/private-lessons/ to see example
thank you :)
dino
Hey Again, Hope you had a Great Weekend,
1. I am afraid thats not possible given the current Theme Options.
2. Please turn on the Secondary Nav so i can write up custom css for it.
3. Could you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
4. The Nectar Slider is a Dynamic Element so it wont work like that .
Best
ThemeNectar Support Team
Its enabled! thanks again :)
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body #header-secondary-outer .nectar-center-text { text-align: right !important; right: 0px !important; left: auto !important; padding: 35px; }Thanks
ThemeNectar Support Team
I put the suggested code, did not work. I tried editing what I could but couldn't get it to sit flush, still goes off screen. There are no errors either.
suggestions?
thanks :)
Remove earlier and use this
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body #header-secondary-outer .nectar-center-text { text-align: right !important; right: 0 !important; left: auto !important; max-width: 100% !important; transform: none !important; top: 0px !important; position: relative !important; padding: 0px 5px !important; }Thanks
ThemeNectar Support Team
works beautifully! thanks for all your help and great support :)