Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 16, 2021 at 12:20 am #1288409
    ArjanDenHaag

    Hello,
    I did set an picture below the social icons in menu left. Now on my laptop it is set ‘behind/under’ the social icons.. If I watch it on my monitor, it is set right. Has something to do with breaking point I guess?

    And is there a way to get all the pictures in square on the home page? I used raster row’s. The customer wants it square. I do not completely get the right settings :(

    Can you help me out?

    Thanks in advance.
    Greetings,
    Arjan

    March 18, 2021 at 1:30 am #1288808
    ArjanDenHaag

    Ok.. Update..

    1. It has to be the breaking points. I am sure of that one. Still not that good at CSS/breaking points.
    The picture in the menu needs to disappear on mobile devices.. I now got it set on a particular height under the social icons. But that’s for large screens..
    }
    #header .header_bg{
    margin-top: 50px;
    }
    ———————
    To let the image disappear will be something like this one:
    @media only screen and (max-width: 600px) { —-> need to choose the right settings etcetera
    #header .header_bg{
    display: none !important;
    }

    2. The images are way to large for mobile. Got to fix that one too.

    March 18, 2021 at 4:45 am #1288874
    ArjanDenHaag

    Update:
    I solved the picture in the menu with a widget. Looking good.. Still testing..

    Greetings,
    Arjan

    March 19, 2021 at 4:56 am #1289083
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    March 19, 2021 at 11:55 am #1289142
    ArjanDenHaag

    HI Jordan,

    Thanks. I am still stuck with the large images. especially on mobile, tablet etc. They are not shown the right way. It will be the breakpoints.

    At these pages
    1. home page
    2. https://hoof-fysio.nl/oedeem-fysiotherapie/
    3. https://hoof-fysio.nl/oncologie-fysiotherapie/

    I struggle with the sizes of the images. But I prefer not to create all double (different) items for mobile.

    If you have some advice. Thanks.
    Arjan

    March 22, 2021 at 11:38 am #1289598
    Rikard

    Hi Arjan,

    Sorry for the late reply. I’m not sure I understand the problem you are having. The picture in the left sidebar looks good on my end on all resolutions, and it disappears on mobile sizes. Is it the images in the content you need help with? If that is the case, then please try to explain the problem you are having a bit further. I’m guessing that you want them to break to 100% at an earlier point?

    Best regards,
    Rikard

    March 22, 2021 at 2:11 pm #1289627
    ArjanDenHaag

    Hello,

    Thanks. Yes. The picture in the left sidebar (menu) is now fine. Just how it needs to be.

    But the pictures in the raster rows are not ok on all mobile devices and even on laptop with different resolution. It has to be fixed with breaking points.. When my client checks the website, she does see it quite different. Focus on images are on her laptop different with my screen and Macbook (both higher resolution).

    It concerns these pages:
    1. home page
    2. https://hoof-fysio.nl/oedeem-fysiotherapie/
    3. https://hoof-fysio.nl/oncologie-fysiotherapie/

    Unfortunately, I am not good at breaking points or the meaning behind this. I am very glad if you could help me out :)

    March 25, 2021 at 1:14 am #1290246
    ArjanDenHaag

    Any thoughts about above mentioned?

    For now I duplicated the raster rows with pictures and I changed the height of the raster row for mobile. So, for multiple items I do have created two raster rows. One for desktop and one for Mobile. But on iPad it is crap.

    What is the best solution? Creating also raster rows for iPad or other tablets/devices is a bit too much work. What about responsive? :)

    Thanks in advance.
    Greetings,
    Arjan

    March 25, 2021 at 9:52 am #1290332
    Rikard

    Hi Arjan,

    Thanks for the update. I’ve added this for you in Quick CSS, which changes the break point for Grid Row elements to 100% on all screens below 990 pixels:

    @media only screen and (max-width: 990px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
    width: 100%;
    display: block;
}
}

    I’m not sure if this is exactly what you are looking for. If not, then please let us know what you would like to change.

    Best regards,
    Rikard

    March 25, 2021 at 1:13 pm #1290368
    ArjanDenHaag

    Thanks. Looking better now. On the home page now some space between two pictures, but already a lot better.

    Only on https://hoof-fysio.nl/wie-zijn-we/ the text goes outside the columns. Also a breaking point issue I presume?

    March 25, 2021 at 1:51 pm #1290375
    ArjanDenHaag

    The table rows on the same page are also not good. Text goes outside the lines..

    I am searching on google. Not that expert in CSS yet. :)

    Many thanks ofcourse.

    March 25, 2021 at 2:10 pm #1290379
    ArjanDenHaag

    I fixed the table rows. Just created different ones for mobile en desktop. Is ok now.

    March 25, 2021 at 2:12 pm #1290380
    ArjanDenHaag

    – Looking better now. On the home page now some space between two pictures, but already a lot better.
    – Is there a way to fix the testimonials on https://hoof-fysio.nl/wie-zijn-we/ ?

    This are the two last questions. Then all is fine. The website will go live tonight. :) :)

    March 27, 2021 at 1:33 am #1290649
    Jordan Shannon

    Hi,

    How would you like the testimonials to be fixed?

    Best regards,
    Jordan Shannon

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