I built my website using elementor (free version)
I’m having trouble figuring out 2 issues.
Problem 1:
on the mobile version of my website the phone number in the contact us section of my footer is too dark to read when you view the website but in the editor it’s correct.
I checked all my settings and the text is set to white on the desktop version as well as the mobile version.
I’ve tried purging the caches and updating the site many times. Even tried deleting the text box and re adding it. Screen shots attached
Problem 2:
The spacing in the footer on the desktop site. In the screen shot I provided you’ll see the spacing for the about section in the footer is different than the rest.
No matter what I do it automatically resizes to that size.I tried clicking and dragging the border for that column. I tried resizing the other columns, using a custom width for the about column. I tried removing it and adding it. Tried playing with the spacing in advanced settings. Nothing works
[ad_2]
For Problem #1:
Did you figure out how to fix this after making this post? I checked on my phone and mobile view of my desktop and the phone number text is white.
Make sure you are checking in a private/incognito window to see what the public would see.
For Problem #2:
Something is adding 80px of right margin. Enable the navigator to make it easier to find where this is being added. If you’re using inner sections within your columns, it can be hard to click on each layer/container using just the UI of the elementor editor. The navigator lets you see every layer and element throughout the page/section you’re editing.
Based on the code, it looks like the column may have margin?
Always use the inspector to investigate issues like that. It takes practice, but you’ll start recognizing class names associated with specific parts of elementor and it’ll make solving this stuff a lot easier.