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

    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 6 months, 3 weeks ago by  mcdragon.
    #1061022

    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

    #1065634

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

    #1065763

    Hi mcdragon,

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

    Best regards,
    Nikko

    #1070090

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

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

    Thank you Nikko

    • This reply was modified 6 months ago by  mcdragon.
    • This reply was modified 6 months ago by  mcdragon.
    #1070182

    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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.