Problem with footer secondary column widget

  • Resolved karanjhanwer

    (@karanjhanwer)


    6 years, 7 months ago

    Hi,
    I have placed the category and archives widget under footer column 4 and 5 respectively. But its displayed on 2nd and 4th respectively. I want both of them to be on the extreme right with 2nd and 3rd column as empty. Also, the space between the word Category and Europe is way too much. Is there a way to decrease that? Similarly for Archives. Thank you ??

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there,

    Please go to Appearance → Customize → Additional CSS and add the following css:

    @media (min-width: 992px) {
    .footer-row-2 > .col-lg-4 {
        width: 25%;
    }

    .footer-row-2 > .col-lg-4:nth-child(3) {
        float: right;
    }

    .footer-row-2 > .col-lg-4:nth-child(2) {
        left: 25%;
    }
}

.footer-widgets .widget-title {
    margin-bottom: 20px;
}

    Hope that helps.

    Kind regards

    Thread Starter karanjhanwer

    (@karanjhanwer)

    It didn’t work. The last two columns should be on the extreme right. The Facebook like widget has its width reduced. I would like to retain its previous width

    You can change above code a bit:

    @media (min-width: 992px) {
    .footer-row-2 > .col-lg-4 {
        width: 20%;
    }

    .footer-row-2 > .col-lg-4:nth-child(1) {
        width: 60%;
    }

    .footer-row-2 > .col-lg-4:nth-child(3) {
        float: right;
    }
}

.footer-widgets .widget-title {
    margin-bottom: 20px;
}

    Please note that Archives column is on the right side but it is left aligned and has 20% width. That’s why there is a space on the right side. If you want to change it you can align it to the right like this:

    @media (min-width: 992px) {
    .footer-row-2 > .col-lg-4:nth-child(2), .footer-row-2 > .col-lg-4:nth-child(2) .widget-title, .footer-row-2 > .col-lg-4:nth-child(3), .footer-row-2 > .col-lg-4:nth-child(3) .widget-title {
        text-align: right;
    }
}

    Kind regards

    Thread Starter karanjhanwer

    (@karanjhanwer)

    Thank you ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Problem with footer secondary column widget’ is closed to new replies.