Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 16, 2024 at 12:43 pm #1437360
    schweg33

    Hello everyone
    I have here link below

    inserted two widgets in the footer
    Would it be possible that these are displayed below each other on mobile ?

    thanks
    kind regards
    Francis

    March 17, 2024 at 12:16 pm #1437402
    Mike

    Hey schweg33,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
#footer .av_one_half {
	width: 100%;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 17, 2024 at 3:18 pm #1437408
    schweg33

    Thank you very much Mike
    almost perfect
    you could still set that both are left-aligned
    the distance between the top and bottom is smaller

    thanks
    kind regards
    Franz

    March 17, 2024 at 4:19 pm #1437412
    Mike

    Hi,
    Try this instead:

    @media only screen and (max-width: 767px) { 
#footer .av_one_half,
#footer #text-3,
#footer #custom_html-2 {
	width: 100%;
	margin: 0;
	text-align: center;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 17, 2024 at 4:50 pm #1437414
    schweg33

    Many thanks Mike
    now it fits great

    you can close this ticket

    kind regards
    Franz

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘among each other’ is closed to new replies.