Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 11, 2018 at 12:47 pm #1008364
    Transform-You

    I wanted to align the content on my columns to the bottom of the columns in the footer. So after I got some help on the forum – the code worked great and I said -go ahead and close the thread…..

    #footer .container {
    display: flex;
    align-items: flex-end;
    }

    #footer .container .textwidget p:last-child {
    margin-bottom: 0 !important;
    }

    The only problem is that I realized only after I said ‘close the thread’ that it’s completely screwed it up on mobile devices. I am pretty sure all I need to do is add the bit of code that says “just apply this to larger screens” …. if anyone can help me change the above code to apply it only to the larger screens, that would be fantastic. thanks, – Danielle

    September 11, 2018 at 12:56 pm #1008368
    Guenni007

    don’t know where your “split point” is when layout goes to mobile – but in most default cases it is 768px or 990px so:

    @media only screen and (min-width: 768px){
	#footer .container {
	display: flex;
	align-items: flex-end;
	}

	#footer .container .textwidget p:last-child {
	margin-bottom: 0 !important;
	}
}
    September 11, 2018 at 1:28 pm #1008392
    Rikard

    Hi,

    Thanks for helping out @guenni007, did you try that out @Transform-You?

    Best regards,
    Rikard

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