[Resolved] Adjust start height of footer widget #2

Home Forums Support [Resolved] Adjust start height of footer widget #2

Home Forums Support Adjust start height of footer widget #2

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1598405
    Ola

    Is it possible to adjust vertical start of footer widget #2?

    In footer widget #1 I have a title (“Contact info”) with address below.
    In footer widget #2 I have telephone no and email (no title)
    Both are using custom html blocks

    I would like to align content (address line 1) in footer widget #1 with tel no in footer widget #2, but as the latter has no title it is a bit of a problem.

    I can add line breaks in widget #2, but this will create a large gap when viewing on mobile. Are there any other options?

    View https://www.stag1.ikigai.se/ for illustration

    Best regards,

    /Ola

    #1598450
    David
    Staff
    Customer Support

    Hi there,

    you can add some Top margin to the top of the first widget in footer widget #2 like so:

    .footer-widget-2 .widget:first-child {
        margin-top: 51px;
    }
    #1598562
    Ola

    Thanks! Unfortunately the margin follows the widget when it folds under widget#1 in mobile view, also creating a gap.

    Would it be possible to add a widget in widget2 (above, custom html containing linebreaks) that would not be shown on mobile view? How to make that specific instance conditional?

    Best regards,

    /O

    #1598715
    Ying
    Staff
    Customer Support

    Hi Ola,

    We could use a media query to not show the margin on mobile view.

    @media (min-width: 769px) {
        .footer-widget-2 .widget:first-child {
            margin-top: 51px;
        }
    }

    Let me know if it works.

    #1598807
    Ola

    Brilliant!

    Exactly what I was looking for!

    Thanks!

    #1598968
    Ying
    Staff
    Customer Support

    No problem!

    Glad to help 🙂

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