Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 29, 2019 at 2:29 pm #1060001
    mcdragon

    I have created a color section that uses tabs and inside tabs is data in tables with different number of rows. The table addon I use can paginate how many rows can be shown but I am still getting an annoying thing when the hight of the color section keeps changing as I click on various tab sections.
    How can I set the height of this color section so it won’t change.

    I have tried adding this to the CSS

    #competency {
  max-height:1000px !important;
}

    where “competency” is the name of the color section. I tried different values, even 1000px and it doesn’t seem to work.

    • This topic was modified 5 years, 10 months ago by mcdragon.
    January 31, 2019 at 3:50 pm #1061022
    Nikko

    Hey Martin,

    I think using height instead of max-height will be more effective.
    Max height will not take effect if height is lower than 1000px.

    Best regards,
    Nikko

    February 11, 2019 at 8:00 pm #1065634
    mcdragon

    That is great. I used height alone and it worked. However it has messed up my mobile site. How do I fix this issue?

    February 12, 2019 at 4:14 am #1065763
    Nikko

    Hi mcdragon,

    Can you try using min-height instead of height?
    Let us know if this helps.

    Best regards,
    Nikko

    February 21, 2019 at 8:28 pm #1070090
    mcdragon

    Looks like min-height is the solution. I set it to 

    #skills{
  min-height:700px !important;
}

    Thank you Nikko

    • This reply was modified 5 years, 10 months ago by mcdragon.
    February 22, 2019 at 3:52 am #1070182
    Nikko

    Hi mcdragon,

    Glad that we are able to help :)
    You can also use custom css classes if applied to multiple elements.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

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