Results 1 to 2 of 2

Thread: Help positioning image on mobile view

  1. #1
    Join Date
    Nov 2005
    Posts
    26
    Thanks
    2
    Thanked 1 Time in 1 Post

    Default Help positioning image on mobile view

    Hey, wondering if anyone has an idea how to adjust the main header image on the following page so that I can position it more to the left on mobile view. It seems to use some weird Transform3d style that I know nothing about and is always recalculating positioning. You will need to use dev tools to check this out but the line of code I am interested in is...

    HTML Code:
    <img class="mfn-parallax" src="https://themes.muffingroup.com/be/biolab/wp-content/uploads/2016/09/home_biolab_intro.jpg" alt="parallax background" style="width: 1586.62px; height: 909px; transform: translate3d(-442.809px, -42px, 0px);">
    https://themes.muffingroup.com/be/biolab/

  2. #2
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,875
    Thanks
    49
    Thanked 263 Times in 255 Posts
    Blog Entries
    56

    Default

    The reason why this doesn't work on mobile devices is that the pixel values for the width and the height are much too big for small screens. Try percentages or vw / vh.
    For transform: translate, see https://www.w3schools.com/css/tryit....form_translate.

Similar Threads

  1. Are redirects to mobile site causing mobile menu to be inoperable?
    By James F Thoma in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 08-04-2018, 09:23 PM
  2. Replies: 13
    Last Post: 02-19-2017, 02:20 PM
  3. Replies: 0
    Last Post: 03-02-2014, 12:59 PM
  4. image thumbnail view II ALMOST THERE!
    By momonline in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 04-24-2006, 02:03 AM
  5. Help with image thumbnail view II IE
    By sarahnwpi in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 10-29-2004, 01:32 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
  •