Thank you

U r experienced WordPress developer

Please guide beginners share your tips tricks do and donts during making your project make series videos please😢😢😢 it will help all beginners

Bar 5 is not made with using Code but default Elementor Settings. Check in Advanced panel, transform and in hover offset.

@@DMmotionarts Yes, I have already found it) Thank you

Can you send URL?

@@DMmotionarts maybe in screenshoot ? because my wordpress project in localhost

​@@yudistzme1266 The issue could be from anything. 1 - Make sure you have selected the right account page in settings as per above video. 2 - Try disabling plugin except woocommerce and see if the issue still happens.

WhatFont Extension

Yes, it should be possible on a button too. Alternatively, you can just create a small container in a shape of button and give it a a(link). That way the container will act as a button.

Try this code - (Make sure to give the icons CSS class = column-icon <style> .column { transition: width 0.5s; overflow: hidden; height: 600px; cursor: pointer; } .column:after { content: ''; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; } .column-icon { transition: opacity 0.5s; } .expanded.column:after { content: ''; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; } .expanded .column-icon { opacity: 0; } /*Desktop over 1024px*/ @media screen and (min-width: 1025px) { .expanded { width: 150% !important; } } /*Tablet and mobile, below 1025px*/ @media (max-width: 1024px) { .column { transition: height 0.5s; height: 100px; } .expanded { height: 500px !important; } } .inner-element { opacity: 0; transition: opacity 0s; z-index: 2; } .inner-element.active { opacity: 1; /* Ensure opacity is set to 1 for the active state */ transition: opacity 0.5s 0.4s; } </style> <script> const columns = document.querySelectorAll('.column'); const innerElements = document.querySelectorAll('.inner-element'); columns.forEach(click => { click.addEventListener('click', event => { // Iterate over all columns columns.forEach(column => { if (column === click) { // Set the clicked column width to 100% column.classList.add('expanded'); } else { // Shrink the width of other columns column.classList.remove('expanded'); } }); // Iterate over all inner elements innerElements.forEach(innerElement => { // Add the active class to the inner element of the clicked column if (innerElement.parentElement === click) { innerElement.classList.add('active'); } else { innerElement.classList.remove('active'); } }); }); }); </script>

@@DMmotionarts It works perfectly! Thank you again for your awesome job!

Do you have any reference for it?

It could be something else that is causing the issue then.

@@DMmotionarts I deleted the page I was using and made a new page and it started working correctly

Thank you.

Cannot debug the issue. Try uploading new images and see if the code is set active and also to PHP.

@@DMmotionarts I did try, but nothing worked, I really dont understand.

@@qasmb1546 There might be something extra that is reducing the page. Like image compressor or if you''re using hostinger or CDN, image compressor might be active by default.

It will turn HD soon, it was just uploaded so youtube is processing.

Thank you very much!

1 - It could be hosting giving less resources. Try increases memory limits, execution time etc. 2 - Recent update did mess up importing functionality so try using older elementor installation. (There is tool in elementor settings/tools to rollback) 3 - If you have Pro version, contact elementor for it. 4 - If you have extra website, try it there too. Hard to tell the issue as others are not facing the same.

@@DMmotionarts thank you broo . I will see what I can do

Hard to use light version, it hurts my eyes for longer duration of work. I'll make new header and footer tutorial but it still is in beta.

It might require javascript that I am not familiar with. You can kinda do with CSS with each container having different css classes but it would take time.