Media query needed for existing page

[theremotedr]

Hi,
This is a page you can use as an example http://www.theremotedoctor.co.uk/accaudi.html?scrollto=selection

You will see at the bottom of each page a row of social media icons & a text section of text, example as shown below.
6121

Some should only be shown for certain screen sizes etc,hence media query edit please.

I am not sure of screen size but please aim for laptops & bigger.

Please SHOW letter C & E

Please HIDE letter A,B,D also the text "contact me using a mobile or tablet"

With the above done A,B,C,D,E & the text message will still be shown on mobiles & tablets as currently in place.

Many Thanks.

[coothead]

Hi there theremotedr,


check out the attachment.:D



coothead

[theremotedr]

Hi,

What did you change ?
It works for that page but maybe i did not explain clearly enough.
It needs to be the whole site not just the Audi page.
Or was this just for me to look & check ?

Please advise thanks.

[coothead]

Hi there theremotedr,


did you not examine "acccaudi.html" file's code?

If you had have done, you might have seen on
lines #29 to #40 this code...



<style>
/*** all this can be put in the latestChanges.css file ***/
@media screen and (min-width:50em) {
.footer-sharing,
footer a:nth-child(2),
footer a:nth-child(3),
footer a:nth-child(5){
display:none;
}
}
/*********************************************************/
</style>



coothead

[theremotedr]

Hi,
No i didnt look at the code.
I thought it was an example.

Code now applied and looks spot on .

Thank you very much.