Hi,
I’m trying to geo direct my visitors. I’ve made a convert plus pop up to display to visitors to direct them to a regional sub site. It’s a bit slow to load - I don’t want to display it inline but I’ve set it to show with 1% scroll or after 0.1sec which is the quickest I can. But it seems to take a little longer, so I made it sticky which makes it impossible for people to ignore. BUT if the whole info bar isn’t shown on the display (like when I turn my mobile sideways) I can’t scroll to the end of the info bar.
Is there a way to instantly display it (that isn’t inline) or make it sticky but still be able to scroll to the end of the bar, or can you direct me to a resource so that I can learn how to format it for different displays to make sure the whole display shows on different devices (least preferred option)?
Thanks
Hi,
To make it srcoll, you can try adding the code below in Theme Options > CSS
@media(max-width:767px) {
.my-infobar {
height: 350px;
overflow:scroll;
}
}
You may change 350px to adjust the height.
Hope that helps.
Hi Paul,
Thanks for the tip, I tried adding the CSS to the theme, but I didn’t have much luck, probably because I’m not that good at CSS. I did find that if I incorporated “overflow:scroll;” into the CSS for the bar I could get it to partially work. Because the bar is structured: heading, columns, sentence, logo: I can get it to scroll the heading/columns but not down to the bottom of the logo. Can you tell me, or point me in the direction of: what do I need to ensure the action applies to all the code. Is there a CSS equivalent to the mathematical change of 4+6-9x8 -> x(4+6-9x8), at the moment I’ve only worked out how to do x(4+6)-9x8 in maths speak.
Hey Jane,
Regretfully, the only option to display it instantly is to display it inline. Sticky is not an option also because though you can scroll inside the info bar using overflow:scroll, depending on screen size, there would be scrolling complications which might require you to scroll on different places and a fix might require further custom coding which is outside the scope of our support.
Is there a reason why you don’t want inline? This would display your info bar instantly, makes your page lighter because you don’t need Javascript and you won’t have scrolling complications.
If you also could detail, what you’d exactly like to happen or the whole user experience on desktop, tablet and phone views, maybe we could provide a detailed alternative setup moreover that I see your Info Bar is only composed of text and image links which can be easily made in Pro Builder. It would be faster that way since you will not be using ConvertPlus.
I’m also sorry I currently not sure what you want to achieve with the math calculations.
Thanks.
Thanks Christian,
Essentially I want an option that will allow people from countries where I have a specific country sub site, to realise they are on the international site and redirect themselves to the subsite (regardless of what device they are using), while keeping the international site as clean as possible.
I think inserting the form inline is difficult in that then it has to be displayed on every page, is not intuitive to close and therefore messes with the design of the entire site and looks unprofessional (open to suggestions as to how to improve this though).
I could have a drop down menu on the header, but I think it would be easy to ignore and then everyone would see it, and it would be there all the time.
I guess I could shift all this page’s content to a subsite and then have the .org as simply a landing page that redirects people but I think that would encourage people not to click, and abandon the site.
The nice thing about the current pop up is that it is only set to appear for people from countries that have their own subsite, and it can’t be ignored. Then if they close it, I can set how long I want it to not show again for. I tried a pop up initially with “we see you are from country x” go to x site or close to continue to the international site, but it glitched if you were already scrolling when it loaded, and after I uploaded Sucuri’s firewall it couldn’t recognise the correct country location. Which is why I went to the info bar.
Sorry the maths wasn’t a calculation it was an example of what I was trying to achieve, in that, for a maths equation if you want to apply something to the whole equation you enclose it in brackets. I was wondering whether there was an equivalent for CSS like equivalent like ?contain or another command that is a higher hierarchy than the individual content building blocks of heading, columns, content that I currently have.
Hello Jane,
The only available function in CSS is the calc().
Please check out this links:
- https://www.w3schools.com/csSref/func_calc.asp
- https://css-tricks.com/a-couple-of-use-cases-for-calc/
And with regards to your equation, you usually place it inside the parenthesis like this:
((4+6)-(9*8))
Hope this helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.