Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 2, 2020 at 6:24 am #1180600
    February 4, 2020 at 5:08 am #1181146
    Nikko

    Hey anushikababuv,

    The problem is coming from enfold-child > static > css > bootstrap-grid.min.css (these are the codes responsible):

    .col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

    To fix it, add this CSS code in Quick CSS (located in Enfold > General Styling):

    #top .u-column1, 
#top .u-column2 {
    max-width: 46%;
}

    Best regards,
    Nikko

    February 4, 2020 at 9:34 am #1181195
    anushikababuv

    Hi thank you so much, that worked!
    One more question: the exact same thing seems to be the issue with my Checkout Page, please see link below. Please advice.

    February 4, 2020 at 8:24 pm #1181512
    Jordan Shannon

    Hi,

    Add this to quick css:

    .page-id-3525 .col-1,
.page-id-3525 .col-2 {
max-width: 47.333333%!important;
}

    Best regards,
    Jordan Shannon

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