Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 30, 2021 at 12:36 pm #1313442
    Monika

    Hello,

    I often have the same Problem when I use pictures.
    I often want a picture stick on the left or on the right side of the browser. I make this with a css class and tell the picture to move a few pixel to left or right.
    But as soon as the screen gehts bigger, this does not work.

    is it possible to tell a Picture to stick on the left side or right side of the displayed window?

    See link attached.
    Die numbers should stick on the left side. in a normal window width it works. but when i look at it in a larger screen, there is a huge gap.

    August 3, 2021 at 7:48 am #1314077
    Ismael

    Hey Monika,

    Thank you for the inquiry.

    Which particular image are you trying to keep sticking to the left? Have you tried using the Grid Row element? You can insert an image within the grid row cells and adjust its position accordingly.

    Best regards,
    Ismael

    August 3, 2021 at 9:49 am #1314098
    Monika

    Thank you!
    Sadly I need to find a solution wich works with giving an ID or CSS Class.
    I can’t use the grid Row Element everywhere, where i need this left sticky elements.

    I want to make the Numbers sticky on the left side.

    What can I do?

    Cheers
    Monika

    August 5, 2021 at 4:04 am #1314549
    Rikard

    Hi Monika,

    Thanks for the update. We can try to give you custom CSS to use to get the numbers all the way to the browsers edge, but it might be easier if you simply made the container elements on the page 100% wide. Would that be an option for you? If so, then you can set that in the theme options, if you want it site wide. If you only need it for a single page, then we can give you custom CSS for that.

    Best regards,
    Rikard

    August 8, 2021 at 8:54 pm #1315148
    Monika

    thank you.
    Sometimes i make this with the container width, but in this case, I need specific Pictures to stick on the left side of the browser.
    Yould you send me the CSS for it?
    Should I make a class or an ID?

    Cheers
    Monika

    August 9, 2021 at 4:58 am #1315198
    Ismael

    Hi,

    Have you tried setting the position of the element to “fixed”?

    // https://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/#fixed
    // https://css-tricks.com/almanac/properties/p/position/#fixed

    A screenshot or a mockup of the layout that you have in mind should help.

    Best regards,
    Ismael

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