Results 1 to 5 of 5

Thread: Media query needed for existing page

  1. #1
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,108
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default Media query needed for existing page

    Hi,
    This is a page you can use as an example http://www.theremotedoctor.co.uk/acc...llto=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.
    Click image for larger version. 

Name:	social icons.jpg 
Views:	83 
Size:	31.6 KB 
ID:	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.
    Last edited by theremotedr; 02-15-2017 at 03:57 PM.

  2. #2
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,544
    Thanks
    1
    Thanked 246 Times in 241 Posts

    Default

    Hi there theremotedr,

    check out the attachment.

    coothead
    Attached Files Attached Files
    ~ the original bald headed old fart ~

  3. #3
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,108
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default

    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.

  4. #4
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,544
    Thanks
    1
    Thanked 246 Times in 241 Posts

    Default

    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...

    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
    ~ the original bald headed old fart ~

  5. #5
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,108
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default

    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.

Similar Threads

  1. No Response from 480px Media Query
    By KennyP in forum CSS
    Replies: 2
    Last Post: 08-22-2016, 08:03 AM
  2. Media Query advice for ipad 1
    By theremotedr in forum CSS
    Replies: 14
    Last Post: 04-01-2016, 06:36 PM
  3. Media Query Help!
    By LeaChristine in forum CSS
    Replies: 1
    Last Post: 11-22-2014, 11:26 AM
  4. css media query issues
    By ianhaney in forum CSS
    Replies: 0
    Last Post: 11-05-2014, 07:28 PM
  5. Replies: 1
    Last Post: 03-01-2013, 01:49 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •