Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 18, 2020 at 7:06 pm #1205083
    gabrielkaras

    Hey,

    I have a page on my website (link in the private section) with all my newsletters from the past years. Right next to it is the subscription form from rapid mail. It is structured in the layout elements – one 3/5 on the left and a 2/5 next to it on the right side. On the desktop version this works fine for me – when you visit the page you get both information at a glance.

    But when you visit the page via mobile, you get all the past Newsletters (about 100) and underneath is the subscription box.

    Is there a way to change this order? Move the subscription box on top of the newsletters.

    Thanks for your help!

    Best, Gabriel

    April 19, 2020 at 3:36 am #1205163
    Mike

    Hey gabrielkaras,
    Thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
	#top.page-id-4553 #after_layer_slider_1 .entry-content-wrapper {
        display: flex !important; 
        flex-wrap: wrap !important; 
  }
	#top.page-id-4553 #after_layer_slider_1 .avia-builder-el-1 {
		order: 2 !important;
	}
	#top.page-id-4553 #after_layer_slider_1 .avia-builder-el-3 {
		order: 1 !important;
	}
}

    Best regards,
    Mike

    April 19, 2020 at 8:33 am #1205184
    gabrielkaras

    Hey Mike,

    thank you for your help. Works great!

    Since I am a starter: are any other elements/blocks/things on the website affected by this code? Do I have to worry about something?

    Best, Gabriel

    April 19, 2020 at 11:51 am #1205196
    Mike

    Hi,
    Glad to hear, this code won’t affect anything else, so no worries.
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

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