Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Help with my CSS

Featured Replies

Hi,

 

I advised my brother to use a company that I have always built decent bespoke sites in the past. However on this occasion they seem to have done a Wordpress site.

 

In it they built a table that didn't work from the get go, so I replaced it with a plugin that seems quite good. However it does not look so good once viewed in a mobile phone. So I asked them if they could hide this table using the CSS once viewed on a mobile and create a new text box that only shows on a Desktop so I can write it out as a simple list.

 

I would have thought I could hide the table using this and wrapping it in a span:

 

.tabledesktop {

display: none;

}

 

However they seem to want to charge £350 for it, which seems a lot for what I would think would be a small task.

 

However I am not so familiar with Wordpress (I know how to access the CSS). But the CSS file seems such a mess I don't know where to add it.

 

Can anyone help?

 

Here is the page with the table on it:

 

(Link removed)

Edited by neil0wen

I don't really understand. You want to keep the plugin but not display the table on mobiles? and the list is for what?

  • Author

I don't really understand. You want to keep the plugin but not display the table on mobiles? and the list is for what?

 

Sorry Tim,

 

I've managed to figure it out. Got a plugin and it took me just a couple of mins in the end once I found it.

 

Thank you anyway

Firstly the client should have ensured that this table worked for all devices, if not your brother should have got them to fix their mistake. We shouldn't be hiding content from users on certain devices.

 

One thing you should not do is start modifying the code, I would never work on a codebase that has been modified by a client as 9 times out of 10 it has been done so in a very poor fashion - plugins included. In most cases they should be avoided entirely as the vast majority are very poorly written. I can't think of a single good reason why anybody should use a plugin for frontend tasks.

In our old agency any modifications voided any warranty.

 

Their £350 is probably to cover the likelihood that this codebase has been tarnished and could potentially take them many hours to fix. If they are using Git and backups to the database (They should be!) then they can just revert and make the table work for all devices.

Edited by rbrtsmith

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.