Issue with A/B Testing in Google Optimize

I am currently working on an A/B Test using Google Optimize, which consists of two variants. The first variant is displaying correctly on both mobile and desktop versions, as well as on Chrome, Safari, and Firefox browsers. However, Variant 2 presents a different scenario. In this variant, there should be a red strikethrough line across the original price. The problem that I am facing is as follows:

Chrome/Firefox (desktop): strikethrough displays properly
Safari (desktop): no strikethrough is visible
Chrome/Firefox/Safari (mobile): no strikethrough is appearing

Illustration of Rendered Strikethrough Illustration of Missing Strikethrough

Has anyone encountered a similar issue before? Any suggestions or insights would be greatly appreciated. Thank you for your help.

Answer №1

This solution from Stack Overflow provided the necessary answer, emphasizing the inclusion of -webkit- styles as well.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The angularjs ui-sortable feature is experiencing an issue where methods cannot be called on sortable before initialization. The specific method 'refresh' was attempted to be called prematurely

I'm attempting to sort a list, where I retrieve the elements from a database but... Error: unable to call methods on sortable before initialization; tried calling method 'refresh' This is my HTML: <div class="box-body" > <d ...

javascript jquery-ui angularjs jquery-ui-sortable angular-ui

An issue has occurred with NPM CI where the bindings are not available from watchpack-chokidar2:fsevents

After executing npm ci on GitHub Actions, I encountered the following error: Run npm ci npm ERR! bindings not accessible from watchpack-chokidar2:fsevents npm ERR! A complete log of this run can be found in: npm ERR! /home/runner/.npm/_logs/2021-09-17 ...

javascript node.js npm github-actions package.json

The type 'Argument of (props: ITableProps) => JSX.Element' cannot be assigned to the parameter type of... - React High Order Component

One of the tools I have in my arsenal is a loader HOC This is how the HOC looks like: const withLoader = <P extends object>(WrappedComponent: new () => React.Component<P, any>, loading: boolean) => { return class WithLoading extends ...

javascript reactjs typescript react-hoc

Using Vue.js for handling events with the passing method

As a newcomer to Vue.js, I am currently trying to understand method event handling. My goal is to read a barcode using input from a web camera and display its raw content. The function works perfectly if I just render the raw content. However, when I att ...

javascript vue.js

Having trouble retrieving post data using Jquery Ajax post method

I'm currently attempting to perform an AJAX post using the following code snippet: <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> ...

jquery ajax

Executing a 'WebMethod' using jQuery in ASP.NET WebForms

I've placed a breakpoint inside the WebMethod below, but it never seems to get hit. cs: [WebMethod] public static string search() { return "worked"; } aspx: function search() { $.ajax({ type: "POST", url: "ProcessAudit/re ...

jquery asp.net ajax webforms webmethod

Select preselected options in a multi-select dropdown using Knockout.js

I have a select multi that I've bound to a model, and now I want to select some values that were previously selected using a second model. It seems like a simple task, but in Knockout.js it's proving to be more complicated than expected. Here is ...

jquery ajax knockout.js

The issue with IBM Worklight where clicking a button does not properly navigate to another HTML page within a multiple page application

I'm currently following a guide on building a multi-page application. When trying to change the HTML file upon clicking a button, I encounter an issue. Here is the script I am using: <script> window.$ = window.jQuery = WLJQ; $( ...

javascript jquery html ibm-mobilefirst

Sending JavaScript array to PHP server-side script

In my current Web application project, I am faced with the task of working with two different lists. To achieve this, I need to convert the list into an array and then pass this array from JavaScript to PHP for further analysis. Below is a simplified exam ...

javascript php jquery json ajax

setting different iframe widths for desktop and mobile views

I am working with an iframe and facing a challenge. I want to make it full screen width on mobile devices, but only half the screen width on a normal monitor (100% and 50%, respectively). The minimum specification for the mobile device would be iPhone, alt ...

html css

Retrieving JSON information from asynchronous JavaScript and XML (AJAX)

I am struggling with making a URL that contains JSON Data work properly. The issue lies in the data field - I am unsure of what to input here as it is currently undefined. My goal is to store an array of the JSON data received from the ajax request. What ...

javascript jquery json ajax

The screen suddenly turns black just moments after starting the video

Currently, I am utilizing the Youtube JavaScript API to embed videos on my webpage and control a playlist. However, I keep encountering an error where the video turns black right after loading the title, play icon, and loading icon. Initially, it seems lik ...

javascript iphone ios youtube youtube-javascript-api

What is the best way to capture a 403 response when making a GraphQL API call?

My server handles component rendering and generates an HTML response upon request. During the rendering process, the server initiates a GraphQL call for a specific component which sometimes results in a 403 error. Here is the code snippet: const client = ...

javascript node.js reactjs express graphql

Setting the default value in setState in React Native allows you to initialize state

const fetchData = async (key) => { try { const jsonData = await AsyncStorage.getItem(key) return jsonData != null ? JSON.parse(jsonData) : false; } catch(error) { console.log(error); } } useEffect ...

javascript reactjs react-native expo

Remove the ID, class, and other attributes from an HTML string using JavaScript for sanitization purposes

Can someone help me with sanitizing HTML text provided by a user? The HTML code in question is as follows: var htmlStr = `<p id="test" class="mydemo">TEhis is test</p> <pre class="css"> <html> <body cl ...

javascript html

An array containing various types of data within a single structure

Is there a way to combine all the elements of this array into a single variable, rather than accessing them one by one as shown in the code snippet below? I want to store all the data within one variable without specifying an index for each element. Below ...

javascript reactjs

Tips for overflowing an image within an Ionic toolbar

I am attempting to adjust the image overflow within the toolbar using the following code: ion-header { background: var(--ion-color-primary); ion-toolbar { --padding-end: 30px; --padding-start: 30px; --min-height: 100px; ion-avatar ...

html css angular ionic-framework sass

Why does my timer consistently increase by a specific amount every time I refresh?

I've encountered an issue with my Vue.js script that adds time to my stopwatch every time I refresh the page, consistently adding an extra 6 hours. The script consists of a button that starts tracking time when clicked and posts the time to a Django m ...

javascript python html django vue.js

"Enhancing Your Website with Dynamic CSS3 Div Animations

Seeking assistance in displaying an empty div after a CSS3 Animations loading circle has completed. Any guidance is welcome! jsFiddle ...

html css

Validating file extensions using Jquery during file uploads

I'm working on a page where users can upload images using drag and drop, but I want to limit them to uploading only jpg files. Unfortunately, my knowledge of jquery is quite basic, so I'm struggling to figure out how to achieve this. Here's ...

jquery

CSSer Q&A