[TailwaggerClub]

Hi, I’d really appreciate some help.

I’ve recently discovered that the website I manage is now not displaying properly on smartphones however it has in the past. In particular it is a contact form that isn’t displaying correctly and as this is where all our revenue comes from I really need an urgent fix.

Also the tabs across the top of the page do not show. I have worked out how to add a list of pages in a widget so it can be navigated that way now, is there a way that they tabs can be visible on mobile view?

Can anyone offer me any advice please?

Website: tailwaggerclub.com

[Zed]

Your contact form uses tables with inline sizing. Tables are inherently not responsive (and setting sizes on them doesn’t help).
Try adding this custom styling:

@media (max-width: 800px) {
 #fm-form-1 table, #fm-form-1 td, #fm-form-1 input, #fm-form-1 textarea, #fm-form-1 select {
    float: left;
    max-width: 100%;
 }
 #fm-form-1 fieldset, #fm-form-1 ul, #fm-form-1 ul li {
    background: transparent;
    padding: 0;
 }
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts