|
worldlegacy
|
September 18, 2016 at 12:52 pm
WHen the iphone is in landscape mode the promotion button looks OK, except
1. the button is NOT blue like it is on the desktop version. (I added css code for button color)
2. It adds The words “promotion code” on top of the entry line, so we have Promotion code on top and Submit promotion code underneath.
You can see this is you go to:
http://www.worldlegacy.com/events/nc163-leadership/ and enter bogus information and look at your phone in both orientations. On the desktop you see a blue button.
I havent checked the ipad yet.
|
|
Tony
|
September 19, 2016 at 5:49 am
Hi there,
1. the button is NOT blue like it is on the desktop version. (I added css code for button color)
I’ve tested a registration on both Chrome (emulating mobile) and my android device and can see the blue submit button.
It looks like some additional styles have been added using My Custom CSS to fix this.
2. It adds The words “promotion code” on top of the entry line, so we have Promotion code on top and Submit promotion code underneath.
That’s likely the theme adding some additional styles for mobile devices that is forcing the text to display (its hidden by default).
However I currently can not see this on the site, did you add the function mentioned in your other thread to your site?
|
|
worldlegacy
|
September 19, 2016 at 2:24 pm
OK. I looked at it and saw what you saw, Somehow the promotions changed from text to banner . I did nothing. SO when I said no banner and it went to a blue button it happens again. SO try it now. SO now I cannot have it show text in the blue button.
|
|
worldlegacy
|
September 20, 2016 at 8:06 am
Did you see that it repeats it on mobile?
|
|
worldlegacy
|
September 20, 2016 at 1:34 pm
Well this is a real problem. Looks like shit on mobiles. Is thos not worth a reply?
|
|
Tony
|
September 21, 2016 at 7:53 am
Looking over your site I don’t see any ‘repeat’ fields on mobile.
Portrait – http://take.ms/c1gcq
Landscape – http://take.ms/9gFXp
SO when I said no banner and it went to a blue button it happens again.
Is this within Event Espresso -> Promotions -> Setings? Setting the ‘Promotion Banners’ setting to Text/Ribbon Banner?
SO now I cannot have it show text in the blue button.
Why?
Did you add the filter I gave you from the other thread, here:
https://eventespresso.com/topic/promotion-codes-can-we-format-it-so-it-is-a-different-color-or-more-obvious/#post-217296
Also we try to reply to threads based on the last reply date, ‘bumping’ your threads will usually have the opposite effect than intended.
|
|
worldlegacy
|
September 26, 2016 at 5:06 pm
Not sure what the above has to do with this problem. So the double buttons are still there. SO please put phone vertical and do a dummy enrollment at
http://www.worldlegacy.com/events/sexuality/ and see the double button.
|
|
Tony
|
September 27, 2016 at 1:37 am
Not sure what the above has to do with this problem.
The text/banner option you are changing is not a setting for the button itself, if you leave it as is when the page isn’t working correct and just save the options does it fix the button?
Is so you can use the filters to force the button to show the text.
SO please put phone vertical and do a dummy enrollment
I can’t see any double buttons, which device are you using?
Samsung SGS6 – http://take.ms/0hFAX
Emulated to various devices in Chrome – http://take.ms/yDcZ0
|
|
worldlegacy
|
September 27, 2016 at 10:12 am
1. The problem only happens when the text is chosen instead of banner.
Then it has on top of the place you inert the code the words “Promotion code”, and under the place you inert the code a box with the words inside “submit Promotion code” I am using an iphone.
|
|
worldlegacy
|
September 27, 2016 at 10:23 am
I can live with it. Thank you. It may be what was intended.
|
|
Tony
|
September 29, 2016 at 4:20 am
I’m now able to view the problem, do you have caching enabled on your site? (Would explain why I didn’t see it previously if you were logged in when viewing as you would see the un-cached version)
To remove the label you can use some custom CSS:
@media only screen
and (max-device-width : 325px) {
label#ee-promotion-code-input-lbl {
display: none;
}
}
That hides the label on mobile devices with a width up to 325px.
We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.
|
