Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 14, 2018 at 9:48 pm #897195
    sikkertbilsalg

    Hi
    On my website I have a color section on each page with a background image in it. On the website it looks as it should but it takes up way too much space on tablet and phone. Is there anyway I can add css to limit the height only for tablet and phone.

    Link: sikkertbilsalg.dk

    Thanks :)

    January 15, 2018 at 4:38 am #897347
    Rikard

    Hey sikkertbilsalg,

    Do you mean the first section on the page? If so, it looks alright on my end. I think the easiest way for you to have a different layout on mobile would be to duplicate the element and then select to hide it on all screens except mobile.

    Best regards,
    Rikard

    January 15, 2018 at 11:13 pm #897735
    sikkertbilsalg

    Hi,
    Thanks for the reply. That might be a good solution. I just tought there would be a quick CSS solution to it.

    Similar to this one just with the height:
    @media only screen and (max-width: 989px) {
    .Only_pc { display: none !important; }}

    Thanks :)

    January 16, 2018 at 8:31 am #897920
    Rikard

    Hi,

    Yes there is, but why do you need CSS when you have that available for you in the element options?

    Best regards,
    Rikard

    January 16, 2018 at 6:58 pm #898114
    sikkertbilsalg

    I thought maybe a lot of stuff would slow down the page but I’ll do it that way :)

    January 18, 2018 at 7:41 am #898898
    Rikard

    Hi,

    I don’t think that should affect your page speed at all to be honest, but you could do a test if you create two test pages and run it though this tool: tools.pingdom.com

    Best regards,
    Rikard

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