Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 2, 2016 at 3:05 pm #592082
    chaponnel

    Hi! i have a 4 column footer with a background image, but when seen on phones or tablet the columns get really close, cutting words, and the background image gets lost, showing some solid background.

    Is there a way to make this responsive, to make the 4 columns become 2 on mobiles and tablets?

    Or just making the font smaller so the columns wont step on each other.
    And what about keeping the image like it is supposed to?

    Thanx!!!

    March 2, 2016 at 3:08 pm #592084
    Yigit

    Hi chaponnel!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 769px) {
#footer .flex_column { width: 100% !important; margin-left: 0 !important; }}

    Cheers!
    Yigit

    March 2, 2016 at 4:23 pm #592155
    chaponnel

    Now it shows every column in one row…no way to keep the 4 columns but smaller?

    the image still is bad

    March 4, 2016 at 12:27 pm #593233
    Ismael

    Hey!

    Please remove the footer background (footer_5.jpg), cut the image in four parts then upload each as column background. It will look much better.

    UPDATE: I thought that section was created in the advance layout builder. Is it OK if you remove or disable the footer widgets and re-create that section in the advance layout builder? Use the grid row element, apply the sliced background to each cells then you can save the whole section as template afterwards.

    Regards,
    Ismael

    March 4, 2016 at 4:50 pm #593353
    chaponnel

    EXCELLENT! that´s exactly what i wanted.

    Thanx a lot for your support

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘footer columns and background responsive’ is closed to new replies.