Moving a container to above of other in mobile screen view

[omid020]

Hi there!

I use a Pro version and have a problem in arranging containers in mobile view. I like to learn and do it through Pro panel and don’t use custom CSS; I have a bar in footer and it has two containers. One container has one image element and the other one has one text element (Email Forms Extension).
The problem is when I switch to smaller screen the image does not move to above of text element and it just resizes in its place.

How can I move this image to above of Email Form?

[mldarshana]

Hi Omid,

Thanks for writing in! I have assigned a special class to your footer container and add the following CSS media query into your Pro -> Theme Options -> CSS area.

@media (max-width:480px){
  footer .my-footer-newsletter {
    flex: auto !important;
  }
}

Make sure to clear browser cache before testing.

Thanks!

[omid020]

Thanks @mldarshana!
I do not find the place which you have added the special class; but I found the css code.
I cleared browser cache but still the image is beside the email form in smaller screen.

[ruenel]

Hello Omid,

I have edited your footer and place the custom class in the correct container.

Please check your site now.