Shopify Expert - Fix my website

Job ID: 35758326

Budget: €30 – €250 EUR

Hello, how are you ?

I am looking for following fixes, please check below from a computer device.

The tasks are easy for someone experienced.

My website is: madameprovence.com/collections/

---------------------------

1. You can see in the header, the 2nd label called "NOS PRODUITS". You can see a gradient background color on it.
Code is:

".menuG {
background: linear-gradient(to right, #0055A4 37%, #FFFFFF 50%, #EF4135 78%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}"

Currently you can see it is this default color.
However, I want a "IF" function based on the language flag chosen from app. See the language flag app on the header as well, you can click on FRANCE flag.
I tried different codes but couldn't do it myself as I only have few experience in liquid, so please kindly check and tell me if you can do it.

Example:

If FRANCE flag is chosen, THEN color of "NOS PRODUITS" will be linear gradient FRANCE flag colors.
If UNITED KINGDOM flag is chosen, THEN color of "NOS PRODUITS" will be linear gradient UNITED KINGDOM flag colors.
If ITALY flag is chosen, THEN color of "NOS PRODUITS" will be linear gradient ITALY flag colors.
If SPAIN flag is chosen, THEN color of "NOS PRODUITS" will be linear gradient SPAIN flag colors.

Maybe it can work with some code like this with some modifications but coudln't do it myself as I don't have enough experience but this task can be done fast for someone experienced in Liquid and Shopify.

{% if url == '/products/product-name' %}
{% include 'product-name.liquid' %}
{% endif %}

{% if url contains 'XX' %}

{% endif %}

{% if canonical_url contains 'tagged' %}
{% endif %}

2. See any products page, for example this one: https://www.madameprovence.com/collections/animaux/products/t-shirt

You can see the breadcrumbs and some text before big product name.
You can see these links are all underlined twice. I don't know how to remove the default pink underline, I don't know where is code.
Can you please check and tell me ? As theme (custom) applies by default a pink underline on links.

3. When click on the LANGUAGE SWITCHER from header (FRANCE flag or other flags) you can see a dropdown menu opens.
However, please kindly check responsiveness of this element as for example on 1920x1080, the dropdown menu is not aligned with the flag in the header. So need to adjust padding and make sure it is aligned for all devices.

For mobiles and tablets, it is already aligned correctly so just need this change for laptop/desktop view.

I checked fast and saw that this error of alignment is only for min-width: 1919px and max-width: 1921px but need your confirmation as well.

4. Blocking script problem:

Example: Load any page, for example this one: https://www.madameprovence.com/collections/animaux/products/t-shirt

You can see the LANGUAGE SWITCH (FRANCE flag or other flag) and the Tidio chat app (bottom right) do not load directly.
The page load in 1 second BUT the 2 apps display after like 4-5 seconds.

However, if when loading or just after loading, you click anywhere on the page, then the 2 apps display directly.

So there must be a code or something blocking them from displaying directly.
This is not a delay error from app because when click anywhere on page when loading or just after loading, they display directly.

This error is for all devices: desktop/laptops, mobiles and tablets.

---------------------------

I wrote a lot so you understand each error correctly but 3 first errors are relatively easy and fast to fix. Only last error is maybe time consuming as needs to find where error comes from.

Can pay 50€ for this work.
Would need this done ASAP.

Thanks ! :)

Any questions, don't hesitate !
Related categories: JavaScript CSS HTML Shopify Templates Shopify