Thank you.

Is there any expected timeframe for Item 2 to be resolved?

Hello Bettina,

Thank you for your reply and clear communication. I see and confirm the fix for Item 1. Thank you.

Thank you for letting me know that Item 2 is a known issue and will be addressed.

Sincerely,
Thomas

Hi Wizerdo,

It was a while ago, but I will try to remember and share here what I did.

From the WordPress Dashboard, you can look here:

Plugins > Plugin Editor > tagDiv Composer > (select Newspaper) > (select parts) > (then you will find menu-mobile.php)

From here, I don’t remember what exactly I changed, but what will help is to use your browser’s developer tools and inspect elements, and most developer tools should let you make the edits there, then you can see how it changes the website.

I think my site has updated the theme, and probably reset / re-uploaded the code for that file, so I am having the same problem again (otherwise I would have just copy and pasted and shared the code I had with you).

I do wish the tagDiv devs could be aware of this issue and look into it.

I believe it has something to do with there being two sections in that mobile-menu.php file:
<!– login section –>
<!– register/login section –>

Hello Bettina,

Thank you. Just please share this thread with the devs so they can see the specific issues for my use case.

Basically,

1. Apple Pay button didn’t show up on my checkout page (in Safari on desktop) due to td-woo-front css.
2. Check boxes were missing on my checkout page (for all Apple devices), also related to css in td-woo-front file.
3. Log in prompt for saved passwords on iOS devices/safari continued to pop up even after being logged in. I changed the mobile-menu.php in the legacy Newspaper folder of the td-composer plugin.

Thank you and have a great day.

I fixed my issue by changing menu-mobile.php, under the ‘login/register,’ also making it ‘if else’ like the ‘login’ section of code a few paragraphs up. I wish this thread could be looked at by dev team before future updates to these plugins.

Yes, I know that. That is what I have been talking about. The login form. I have never mentioned anything about the form at the bottom of the page. Even after someone is logged in, it will still show the code for the login form in the HTML of the page. It still shows the code because of “echo ()” in the register.php file. I am saying, shouldn’t that be something like “if (user is not logged in) {}”.. That is why if I have my password saved in my browser, it will continue to prompt me to login, even if I am already logged in, because it is still seeing the login form in the HTML. Are you refusing to bring it up to the dev team, or why do you not help me for that?

the directory is something like: td-composer/legacy/Newspaper/parts/menu-mobile.php

I keep trying to make my post, but I keep getting an error. It doesn’t like me to post the code or something. But I found a possible issue in the register.php file. It shows a php “if function,” like if user can register, then show registration form. Then it just has “echo” for the login form, which I think should also be an “if function.”

Hello, I think it is not a browser setting issue.

I found a possible answer on Stack Overflow:

Add a hidden span above it, use ui-helper-hidden-accessible to make it hidden by absolute positioning. I know you have that class because you are using dialog from jquery-ui and it’s in jquery-ui.

<span class="ui-helper-hidden-accessible"><input type="text"/></span>

Any thoughts? Thank you!

Hello Bettina,

I did not solve the issue. It only stops when I disable the signup form from the theme panel, but I would like to use that (it is connected to the side/mobile menu as pictured here: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/27012031/IMG_9376.jpg). And when it is disabled, it appears like this: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/27012045/IMG_9375.jpg

So unfortunately, if I don’t want the repeated login prompts popping up, it can stop with that sign in piece disabled.. and since I want to keep that, I have this log in prompt for iOS Safari browsers that save their password on iCloud Keychain. I am thinking this is also somewhere in the CSS, but I am not sure what to do for this one.

Thank you.

Hello Bettina,

Thank you so much for your reply and helping me! I have actually done those steps already. I have determined it is related to the theme, and can easily replicate that by going to my Theme Panel for Newspaper theme > Header > Sign In / Join > Disable the “SHOW SIGN IN / JOIN.”

When you tried from your end, did you try with an iPhone using Safari browser and then save password to your keychain? I did this from a friend’s phone and they had the same issue I had.

Thank you so much for your time in trying to help me.

Hello Bettina,

Thank you for your message, and I hope you are doing well. I have spent the night going through inspecting elements and CSS and have resolved my situation (which was related to CSS within a plugin from tagDiv – the tagDiv Shop plugin).

1. The Apple Pay button does not show up on the product or checkout page in Safari’s desktop browser, but it does show up in the Safari mobile browser.

For Item #1, I went inside the Plugin Editor –> tagDiv Shop –> assets –> css –> td-woo-front.css and made the following changes:

(Approximately Line 509)

/* margin-right: 40px; */
/* margin-left: -30px; */

(Approximately Line 443)

flex-flow: column;

(Approximately Line 419)

margin: auto;
width: fit-content;

2. Also on the checkout page, there should be a checkbox to choose to subscribe or unsubscribe to our mailing list; but the checkbox is missing, therefore eliminating the chance for customers to opt out of subscribing.

For Item #2, from inside the same CSS file (td-woo-front.css), I made the following change:

(Approximately Line 528)

/* -webkit-appearance: none; */

I will attach some screenshots below for what I found. Please share this thread with the dev team just so that they may be aware for when they release any future updates.

3. My iPhone & iPad repeatedly prompts me to login with saved password (as mentioned above), and it does not do this on any desktop browsers.

For Item #3, it is still unresolved and would be glad to get any help for this. I think it has something to do with Auto Focus for the Signin form input fields. I see they have Autocomplete attributes. Even after being logged in, I still get the login prompts, because the sign in forms are still in the header.

Link to screenshot of log in prompt: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/25145811/IMG_FD6F530F3B4B-1.jpeg

Link to screenshot #1 of CSS inspection: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/25145350/Screen-Shot-2021-10-25-at-2.11.31-AM.jpg

Link to screenshot #2 of CSS inspection: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/25145407/Screen-Shot-2021-10-25-at-2.26.14-AM.jpg

• This reply was modified 4 years by Tom C.

Okay, thank you for your reply! 🙂

I just added the Woo Cart icon to the mobile header in the TagDiv Composer.

The 3 remaining things that I wanted to point out are:

1. The Apple Pay button does not show up on the product or checkout page in Safari’s desktop browser, but it does show up in the Safari mobile browser.

2. Also on the checkout page, there should be a checkbox to choose to subscribe or unsubscribe to our mailing list; but the checkbox is missing, therefore eliminating the chance for customers to opt out of subscribing.

I would like to ask that the dev team please look into the above two items, as I think it may be theme related. They were working before using the Newspaper (Gadget Blogs) templates (that also came with a Woocommerce / Shop extension for Newsletter theme).

3. My iPhone & iPad repeatedly prompts me to login with saved password (as mentioned above), and it does not do this on any desktop browsers.

Would someone please let me know where I could find the code for the login form in the theme or plugin editor, so I can take a look? Any help or pointing in a general direction for answers would be much appreciated.

Thank you.

Hello Bettina,

Thank you for your reply! 🙂

I understand how to edit the menu in that way. The thing I would like to do, however, is edit that slide out area. I would like to add a shopping cart icon or change the URL for the avatar to go to “My Account” rather than clicking the avatar and going to posts by author, etc.

I’m sorry, please disregard my previous message.

Also, I see that I can make my desktop or mobile header “sticky” in the TagDiv composer, but is there a way it can be the “smart sticky” style (disappears while people may be reading and reappears when the user starts to scroll again)?

Hello Bettina, that worked. Thank you so much!!