Results 1 to 6 of 6

Thread: Viewport size issue

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

    Default Viewport size issue

    Evening,
    Here is the site in question
    https://www.theremotedoctor.co.uk/index.html

    If you select Keys & Remote header you will then see a drop down menu.
    If you select HONDA you will see a fly out menu.
    The issue is with all the pages in this fly out menu,see attached photo "ACCORD,CIVIC,CRV ETC ETC"
    The issue is that the middle "telephone icon" should not be shown on a pc.
    Due to the pc screen it should be omitted as no calls can be made from a pc.


    The second issue i see is also on the pc.
    At the bottom of any page is my telephone number.
    This also shouldnt be shown on the pc.

    On a mobile etc the code works correctly, i mean i see the telephone icon with my number.

    May the above 2 issues are connected ??
    Thanks
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	148.jpg 
Views:	69 
Size:	86.9 KB 
ID:	6390   Click image for larger version. 

Name:	149.jpg 
Views:	67 
Size:	22.4 KB 
ID:	6391   Click image for larger version. 

Name:	151.jpg 
Views:	68 
Size:	49.9 KB 
ID:	6392  

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

    Default

    Hi there theremotedr,

    I am sorry for not getting back to you sooner, but I am
    having problems trying to understand what is going on.

    In particular this CSS...

    Code:
    
    /*** SOCIAL MEDIA ICONS ON PC HIDDEN ***/
    @media screen and (min-width:50em) {
    .footer-sharing,
    footer a:nth-child(2),
    footer a:nth-child(3),
    footer a:nth-child(5),
    .mobile-in{
        display: none;
      }
     }
    
    To help me resolve the problem can you just tell me which images you wish
    to see when on a PC and which images you wish to see on a tablet or mobile.



    I am guessing that you want 1,2,3,4 and 5 on tablet and mobile devices and
    just 3 and 5 on the PC.

    Please confirm or otherwise.

    coothead
    ~ the original bald headed old fart ~

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

    Default

    Hi,

    On a Pc i wish to see 3 & 5

    On a tablet / mobile 1,2,3,4 & 5

    Correct thanks

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

    Default

    Hi there theremotedr,

    on line #304 of the latestChanges.css file change this...
    Code:
    
    /*** SOCIAL MEDIA ICONS ON PC HIDDEN ***/
    @media screen and (min-width:50em) {
    .footer-sharing,
    footer a:nth-child(2),
    footer a:nth-child(3),
    footer a:nth-child(5),
    .mobile-in{
        display: none;
      }
     }
    
    ...to this...
    Code:
    
    /*** SOCIAL MEDIA ICONS ON PC HIDDEN ***/
    @media screen and (min-width:50em) {
    .footer-sharing,
    footer a:nth-of-type(1),
    footer a:nth-of-type(2),
    footer a:nth-of-type(4),
    .mobile-in{
        display: none;
      }
     }
    

    coothead
    ~ the original bald headed old fart ~

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

    Default

    Many thanks,

    Have a nice evening

  6. #6
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,657
    Thanks
    1
    Thanked 252 Times in 247 Posts

    Default


    Thank you for helping to keep my old grey cells
    active with your interesting little problems.

    coothead
    ~ the original bald headed old fart ~

Similar Threads

  1. Viewport size for mobiles etc
    By theremotedr in forum CSS
    Replies: 13
    Last Post: 08-07-2020, 07:53 PM
  2. [help] Size content to viewport
    By Nimuel in forum CSS
    Replies: 1
    Last Post: 12-08-2016, 04:42 PM
  3. Blending Image Slideshow - IE spacing / cell size issue
    By Onree in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 12-19-2009, 08:19 PM
  4. fixed size in swf and menu issue
    By Irishcash33 in forum Flash
    Replies: 1
    Last Post: 08-13-2008, 01:20 PM
  5. File size issue w/chained select menu
    By fastsol in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 04-30-2008, 09:23 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
  •