Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 31, 2017 at 7:43 pm #846481
    nadinedomnink

    HI,
    The way I arranged my pictures on the “home” site doesn’t look good in the mobile version. Is it possible to do it like here: http://themes.elmastudio.de/uku-ruapuke/ – to change the size of the first picture, so that it isn’t smaller than the other pictures rather bigger?

    Any idea?

    Thanks!

    September 1, 2017 at 1:57 pm #846859
    Rikard

    Hey nadinedomnink,

    I’m not sure what your site looks like, could you link to that as well please?

    Best regards,
    Rikard

    September 2, 2017 at 9:51 am #847111
    nadinedomnink

    Oh yeah, sorry: http://www.paukersliebling.de

    September 4, 2017 at 3:49 pm #847794
    John Torvik

    Hi,

    I have checked your site on the mobile device and the images look normal. Can you send a screenshot to us?

    Best regards,
    John Torvik

    September 5, 2017 at 11:06 am #848037
    nadinedomnink

    Hi, the first image (which is the most important one) is smaller than the other images, which are in the desktop version smaller – actually. That looks strange. See: https://imgur.com/a/DGWeG . My question was to change the size of the first image like in here: http://themes.elmastudio.de/uku-ruapuke/ , so to focus the centre of the image and leave out the margin…

    Thanks!

    September 8, 2017 at 5:41 am #849377
    Ismael

    Hi,

    Please add a full screen slider above then use the same image as the first one. After that, go to the elements’ “Screen Options” panel in order to toggle their display properties. You’ll be using the full screen slider for mobile view so you have to hide it on desktop and display the image, vice versa.

    Best regards,
    Ismael

    September 14, 2017 at 5:42 pm #852211
    nadinedomnink

    Hi, it worked pretty find, but suddenly the mobile image disappeared without me changing anything. No there is no change that the mobile image is shown, no matter how I set it. ??? What’s wrong?

    September 14, 2017 at 6:06 pm #852245
    nadinedomnink

    no chance

    September 14, 2017 at 6:18 pm #852258
    nadinedomnink

    I found the mistake. Your colleague gave me this code: @media only screen and (max-width: 767px) {

    .avia-builder-el-0 , .avia-builder-el-1{
    display:none!important;
    }

    }

    in order to reduce the space between text and logo in the mobile version. This leads to the fact that the images aren’t shown properly. Any other idea how to reduce the space – just in the mobile version??? Thanks!

    September 15, 2017 at 10:31 am #852460
    Ismael

    Hi,

    Where did you get the code? You should not be using that code because it has a very generic selector and it will remove the first element in the page. Please post the url to the thread and provide a screenshot of the space.

    Best regards,
    Ismael

    September 16, 2017 at 7:52 pm #852921
    nadinedomnink

    One of your colleagues gave it to me. Please check: http://www.paukersliebling.de

    View post on imgur.com

    View post on imgur.com

    View post on imgur.com

    September 16, 2017 at 7:54 pm #852922
    nadinedomnink

    Thanks!!!

    September 19, 2017 at 6:41 am #853711
    Ismael

    Hi,

    Instead of adding the code, please edit the element then go to the Screen Options panel. Configure the option so that the element is hidden on mobile view.

    Best regards,
    Ismael

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