Responsive problem footer

Hey there,
I need your help to make my footer look great on mobile too

thanks for your help!

Hi,

Thanks for writing in!

When I visit your site all I can see is blank white page.

Do you mind checking it and let us know.

Thanks

Already got it. However I got a problem (not related to the problem above) with my text and I don’t want to add a second section for mobile devices.
See this is how it looks on desktop, its perfect and I set the max width to 60% in the desired row.

however on mobile the text is to narrow: http://prntscr.com/jnzbq7

I’d like to give my text a little more space on the left and right on mobile. Maybe I took the wrong approach, by setting the max width of the row to 60% ?
Thanks for your help!

Hey @zerotoone.de,

Your current setup is fine. The text just needs to be responsive. In order to do that, you will need to use the Responsive Text feature built inside Cornerstone. Here’s a setup demo. Pause and play the video to follow along and learn from the setup.

If you have further questions, please open a separate thread for different topics in order to avoid confusion if the thread goes long.

Thanks.

I think there was a misunderstanding, its about the the text below the headline “lumifilm”
this text was customized the way I told in the post before.
thanks for your help

Hi zerotoone.de,

I understand what you mean. I suggest that you add the CSS code below to X > Theme Options > CSS:

@media (max-width: 767px) {
 #lumifilm.x-container {
    max-width: 90%
 }   
}

The code above will force the text section to have a maximum with of the 90% for mobile view despite the fact that you set it to 60% in the options.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.