Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #698079

    One of the pages on my site is overlapping on the tablet view (but looks great on desktop and mobile). I have it divided into fifths with no space between columns and 30px padding all around. Can you please show me how to make it not overlap on the tablet view.

    Tablet view

    View post on

    Desktop view

    View post on



    Hey amerisource,

    Please edit your Grid Row element and give it a unique ID and then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) and (min-width: 481px) {
    #your-unique-id span {
        font-size: 16px!important;

    Best regards,


    I’m actually using a color section, but this works there under the “For Developers Section ID”. Tried under individual column blocks using Custom CSS Class and it didn’t work there – so I guess it has to be a section ID field.

    Thanks for your help!



    You are welcome!
    For your information, you can take a look at Enfold documentation here –
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here –
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,

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

The topic ‘Overlapping sections on Tablets’ is closed to new replies.