lwebservices

Hi Paul,

I’m actually not familiar with your visual editor or YellowPencil. I use Themify builder to do front/visual editing when I don’t feel like dealing with code, and never had issues with Themify.

I would suggest using a different front-end editor if the one you are using isn’t allowing you to edit everything. I’ve had issues with some front-end editors in the past, where they would save my pages to look completely different than I created them to be in the editor, and even adding unneccessary space and elements, like you mentioned. Yes it is very frustrating, and that’s why I love Themify. But if you want help with the visual editor you are using, then make a new post with the subject of your editor, so that someone who is familiar with it can help you.

As far as going into your theme’s css, all you have to do is click on “Appearance” on the left side of your admin panel, then “Theme editor”. You will see the list of all the CSS files (raw code) on the right-hand side of the page. If it ends with “.css” then you can edit it, just don’t touch the php files. Do a search for the name of the element you want to edit, such as your main nav, and you may even have a css file specifically for mobile. In the future, if you need to edit an element but don’t know what the specific name of the element is, just go to your webpage, and right-click on the exact spot of where the error is located, select “inspect”, and then a window will pop up with the code of the area you right-clicked, highlighted inside the box. If you see a “#” or a “.” in front of a name of an element, inside of the highlighted area (such as .top-nav) then that’s the name of the element that has the issue, and you can search for that same element in your css files. There is usually more than one css file though, so you may need to search several before you find the element. This is the easiest way to diagnose any issues.

When I originally looked on your website, it was using my computer, not my mobile device. On my computer it was about 36 pixels too wide, but it sounds like it showed up different on the mobile. It could be two different things. The nav field was too wide like you figured out, but also maybe your mobile css was set wrong for responsiveness. A good way to edit the way your theme/website looks on mobile and different screen sizes, is to click on “Appearance”, “Customize”, and then on the very bottom left-hand corner, you will notice a picture of a computer, a tablet, and then a mobile phone to the far right. Each of those can be edited separately to look different depending on the device.

I see your website is down, did you get the menu issue fixed?

• This reply was modified 4 years, 8 months ago by lwebservices.

The easiest way to put an email contact form would actually be to use the plugin called “wpforms”. The settings are super easy, and you can put any email (gmail, business, etc) as the email to receive the message from the contact form. You can even reply to it from your gmail, just like a regular email, and edit the email template to have your logo at the top. They give you a simple code that you can paste into your page where you want the email contact form to appear. You can see on my website I use the same contact form at the bottom of my page here: LwebServices.com . Let me know if you need help setting it up, but as I said it really is super easy. 🙂

As far as your web hosts domain email, what host do you have? I may be able to show you how to set it up.

Hello Paul,

Can you please give us the link to your new website so that we can take a look at it? Thank you!

Lori