Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 15, 2017 at 5:56 pm #864513
    ccyran

    Hey guys,

    Across the board on my website, whenever I have something thats fullwidth, it appears weird on mobile. it doesn’t stay fullwidth.

    For example here:

    Zach Wilson

    (the first image you see when scrolling down shouldnt have the white sides)

    Can you help me fix this? Thanks!
    Chris

    October 15, 2017 at 9:46 pm #864560
    Mike

    Hey ccyran,
    I don’t seem to see it, can you add a screenshot from your phone?
    I assume this occurs on a iPhone, do you know if this occurs in Android also?

    Best regards,
    Mike

    October 15, 2017 at 11:43 pm #864598
    ccyran

    Hey Mike, my mistake, I had another post on the forums months ago that solves this. I have to hide an entry on desktop and create a new one for mobile.

    But I do need help with one other thing!

    Galaxy View

    On this page for example, I don’t want images to expand past a certain size, is there an easy CSS I can apply for this?

    One that I can write in the “custom CSS class” of elements.

    October 17, 2017 at 2:09 am #865053
    Mike

    Hi,
    Can you explain what is the maximum size you would like the images to reach? Have we helped you with this issue on a different page before?

    Best regards,
    Mike

    October 17, 2017 at 3:33 am #865057
    ccyran

    Hey,

    For example I dont want the image to expand past 700px.
    I believe this is the correct CSS?

    .portrait {
    max-width: 600px;
    }

    and I apply “portrait” where I want this to happen.

    thanks!

    October 19, 2017 at 5:02 am #866062
    Ismael

    Hi,

    Could you provide screenshots of the issue? I don’t see anything unusual with the current layout.

    Best regards,
    Ismael

    October 19, 2017 at 5:23 am #866068
    ccyran

    Hey Ismael,

    The CSS I mentioned above actually works. By issue, Im referring to the image enlarging to a size I don’t want it to, when the window browser gets bigger.

    October 20, 2017 at 8:54 pm #866854
    Basilis

    Hi,

    For that you would need a media query, which would stop the image size, based on the screen size.
    So you actually – LOCK – the size of the image for different screen sizes.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.