Based on a past recommendation I added the Popup Maker plugin but am having an issue if I try to get a rotating banner within the Popup. If I use the Gallery Element it works ok but there is no option to remove the slider forward/back arrows and given it is a basic slider lacks other options. I created a Nectar Slider and implemented that within Popup Maker popup but all that shows is a "blank" banner. ie. banner images do not show.
I am seeking some advice on what needs to happen to make it work like the Gallery slider does which shows the images.
The first one uses Gallery. This is an ok option if I could get rid of the back/forward arrows but it also has a problem in that you cannot scroll the page or select anything on it until you close the popup.
This next one uses Nectar Slider which is a better option given more controls but does not show any images and also has scroll//selection problem until you close the popup.
Your theme has 4 other widget areas, but this particular page doesn’t display them.You can navigate to other pages on your site while using the Customiser to view and edit the widgets displayed on those pages.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thanks Tahir, that fixed both issues. Was not across the "Overlay" setting and the Custom CSS fixed the other issue.
There is one final issue I have found however on a Tablet. When you scroll to the bottom the banner does not sit on the bottom of the screen unlike on either Web Client or Mobile clients and blocks access to the Social Media Icons in the footer. I have tried altering a range of settings but cannot get it to sit at the bottom.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 999px) and (min-width: 1px) {
.pum-container.pum-responsive.pum-position-fixed {
bottom: -24px !important;
top: auto !important;
}
}
Sorry Tahir, added that but did not make any difference. Still only occurring on Tablet and although it views ok in WPBakery Page Builder using the Tablet viewer it behaves differently on the physical Tablet.
Hi,
Based on a past recommendation I added the Popup Maker plugin but am having an issue if I try to get a rotating banner within the Popup.
If I use the Gallery Element it works ok but there is no option to remove the slider forward/back arrows and given it is a basic slider lacks other options.
I created a Nectar Slider and implemented that within Popup Maker popup but all that shows is a "blank" banner. ie. banner images do not show.
I am seeking some advice on what needs to happen to make it work like the Gallery slider does which shows the images.
Thanks,
Peter
Hey again,
Please provide the page URL so we can review it for possible issues.
Thanks
ThemeNectar Support Team
Here you go Tahir....
The first one uses Gallery. This is an ok option if I could get rid of the back/forward arrows but it also has a problem in that you cannot scroll the page or select anything on it until you close the popup.
http://picnicracing.com.au/picnicracingwp/picnic-racing-picnic-trainer-statistics/
This next one uses Nectar Slider which is a better option given more controls but does not show any images and also has scroll//selection problem until you close the popup.
http://picnicracing.com.au/picnicracingwp/picnic-racing-horse-statistics/
Peter
Hey Again,
Unfortunately, that's not how the Popup Maker plugin is meant to be used. Try using this plugin or similar: https://wordpress.org/plugins/custom-banners/ .
Thanks
ThemeNectar Support Team
Hi Tahir,
I am seeking to have the rotating banner on the Home Page http://picnicracing.com.au/picnicracingwp/ and "Custom-Banners" advises:
Your theme has 4 other widget areas, but this particular page doesn’t display them.You can navigate to other pages on your site while using the Customiser to view and edit the widgets displayed on those pages.
When you say the Popup Maker plugin is not meant to be used that way, what do you mean ?
Popup Maker documentation says it can handle all types of sliders and galleries.
https://docs.wppopupmaker.com/article/264-sliders-inside-popups
This all seems more painful than is should be......:-)
Any further suggestions ?
Peter
Hey Again,
Regarding this url:http://picnicracing.com.au/picnicracingwp/picnic-racing-picnic-trainer-statistics/ can you not remove the overlay in the Popup Maker Settings?.
Also to remove the arrows use below CSS.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.pum-content ul.flex-direction-nav { display: none !important; }Thanks
ThemeNectar Support Team
Thanks Tahir, that fixed both issues. Was not across the "Overlay" setting and the Custom CSS fixed the other issue.
There is one final issue I have found however on a Tablet. When you scroll to the bottom the banner does not sit on the bottom of the screen unlike on either Web Client or Mobile clients and blocks access to the Social Media Icons in the footer. I have tried altering a range of settings but cannot get it to sit at the bottom.
http://picnicracing.com.au/picnicracingwp/picnic-racing-picnic-trainer-statistics/
Help with this one appreciated as well.
Peter
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 999px) and (min-width: 1px) { .pum-container.pum-responsive.pum-position-fixed { bottom: -24px !important; top: auto !important; } }Thanks
ThemeNectar Support Team
Sorry Tahir, added that but did not make any difference. Still only occurring on Tablet and although it views ok in WPBakery Page Builder using the Tablet viewer it behaves differently on the physical Tablet.
Peter
Which Tablet device are you using and its Resolution ?.
Thanks
ThemeNectar Support Team
Galaxy Tab S2 2048 x 1536
Peter
Use below css without the media query and check.
.pum-container.pum-responsive.pum-position-fixed { bottom: -24px !important; top: auto !important; }Thanks
ThemeNectar Support Team
that fixed it. thanks Tahir, you are great at solving this stuff and it is really appreciated.