[Resolved] responsive background in sections and grid columns in tablet mode

Home Forums Support [Resolved] responsive background in sections and grid columns in tablet mode

Home Forums Support responsive background in sections and grid columns in tablet mode

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #587316
    Marjon Tas

    Hi Tom,

    I have a problem with the responsiveness in the background in sections using your simple grid column . It usually is fine, but in this case, the background is cracked in the tablet mode. In Full screen and mobile it is ok again.

    I will send you the url to the page beneath. I used some extra css for styling on the homepage, but in another page, I tried it clean, and it still breaks. Can you check maybe what is the problem?

    Thanks!

    GeneratePress 2.1.2
    #587450
    Leo
    Staff
    Customer Support

    Hi there,

    Not quite sure if I understand.

    The page you linked have solid color both both sections.

    Let me know what I’m missing here 🙂

    #588492
    Marjon Tas

    Hi Leo,

    Thanks for your quick response,

    The backgrounds don’t follow the height of the grid columns in the tablet mode. I discovered this is the case if I use the gridcolums in sections set on full width (box type ánd inner box type). If I set the inner box type on ‘contained’ it works fine. But I need the full width inner box type.

    I use chrome for testing the responsiveness. The first section has no background color. The second I have set a black background for testing.

    Can you test again? https://dewebruimte.nl/idea/staalsoftware/

    Thanks!

    #588503
    David
    Staff
    Customer Support

    Hi there, can you try adding this CSS and let me know:

    @media (max-width: 1025px) and (min-width: 768px) {
    	.lgc-clear {
    		display: block !important;
    	}	
    }
    #588513
    Marjon Tas

    Works like a charm again! Thank you very much David!

    #588564
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.