Hello – I am new to the Enfold theme. We recently encountered a JS issue which we had corrected but the people that fixed this issue rebuilt the website and now we are facing numerous issues. The first issue we are trying to fix is making sure that the website looks the same on all devices. I am not sure how to optimize Enfold to do this. At the moment the landing page looks beautiful on laptop, but text boxes distort on tablet and phone. This is the first time I have used the support forum for assistance so appreciate your help and guidance. Thank you
Hey MindMotivationCoaching,
Are you referring to those blue background labels on top of the 3 images? That is the only “problem” I could see on the page on mobile.
Best regards,
Rikard
Hey Rikard
Yes those ones! I tried to find a way to put this text over the top of the images and make it all a link to another page. Unfortunately I had to code it (which I am still learning) and I used a <span> over H2 to do this. It means that I can’t use the H2 anywhere else on that page as it then puts the blue background over all of it! Do you have any suggestions on how I can have the image with the blue text on top? Thank you.
Hi,
H2 can be duplicated, h1 shouldnt :)
Best regards,
Basilis