Resize slider image, automaticaly for differnt displays

Discussion in 'RoadFighter WordPress Theme' started by pppone, Nov 6, 2013.

  1. pppone

    pppone New Member

    Joined:
    Nov 6, 2013
    Messages:
    3
    Likes Received:
    0
    Hi there,

    1.How to resize slider images automatically, if you are viewing on different screen sizes/rezolutions
    website is www.kapitonaskovas.lt thank you.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Our theme is already fully responsive in all media devices.
    Please explain your issue with the help of screen shot images that where you got the issue.
     
  3. pppone

    pppone New Member

    Joined:
    Nov 6, 2013
    Messages:
    3
    Likes Received:
    0
    Hi, thank you for your replay, just finished reading the article and is this example is the case that i should use?
    For example, if a screen device with square pixels has 1280 horizontal pixels and 720 vertical pixels (commonly referred to as "16:9"), the following Media Queries will all match the device:

    @media screen and (device-aspect-ratio: 16/9) { … }
    @media screen and (device-aspect-ratio: 32/18) { … }
    @media screen and (device-aspect-ratio: 1280/720) { … }
    @media screen and (device-aspect-ratio: 2560/1440
    or
    <link rel="stylesheet" media="aural and (device-aspect-ratio: 16/9)" href="example.css" />

    and make another stylesheet, with diferent background attached Or Something else from Media Queries?

     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    You need not to create separate stylesheet for media devices.
    If you want to customize the style of theme for media device then
    you need to add your media screen code in the Custom Css Section in the dashboard.

    See the link for more details
    1). http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml
    2). http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    I hope this will help you to resolve the issue.
    If this isn't something you're able to do then could you please explain and specify your issue with the help of screenshot images.
    I will provide you the solution.
     

Share This Page