Hi,
I’m thinking:

@media only screen and (max-width: 768px) {
#top .avia-logo-element-container .slide-entry {
  width: 50%;
}}

But you will need to remove the other code for us to test

Best regards,
Mike

Hey Cleverreisenmitkids,
Try putting the share buttons on your opt-in page and then copy the html of that element in to a code block on your thank you page :)
It would look this this:

<div class="av-share-box"><ul class="av-share-box-list noLightbox"><li class="av-share-link av-social-link-facebook"><a target="_blank" href="http://www.facebook.com/sharer.php?u=http://127.0.0.1/elements/social-share-buttons/&t=Social%20Share%20Buttons" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="" data-avia-related-tooltip="Share on Facebook"><span class="avia_hidden_link_text">Share on Facebook</span></a></li><li class="av-share-link av-social-link-twitter"><a target="_blank" href="https://twitter.com/share?text=Social%20Share%20Buttons&url=http://127.0.0.1/?p=1593" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="" data-avia-related-tooltip="Share on Twitter"><span class="avia_hidden_link_text">Share on Twitter</span></a></li><li class="av-share-link av-social-link-gplus"><a target="_blank" href="https://plus.google.com/share?url=http://127.0.0.1/elements/social-share-buttons/" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="" data-avia-related-tooltip="Share on Google+"><span class="avia_hidden_link_text">Share on Google+</span></a></li><li class="av-share-link av-social-link-tumblr"><a target="_blank" href="http://www.tumblr.com/share/link?url=http%3A%2F%2F127.0.0.1%2Felements%2Fsocial-share-buttons%2F&name=Social%20Share%20Buttons&description=" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="" data-avia-related-tooltip="Share on Tumblr"><span class="avia_hidden_link_text">Share on Tumblr</span></a><div class="avia-related-tooltip avia-tt" style="top: 756px; left: 717.4px; display: none; opacity: 0;"><div class="inner_tooltip">Share on Tumblr</div><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></div></li></ul></div>

If you would like help, add the share buttons on your opt-in page and include the url here :)

Best regards,
Mike

Hey Emiel,
Elements such as Color Sections force the sidebar down below them. You could try changing the elements on the page to see if that helps. Or you could try this code in the General Styling > Quick CSS field:

@media only screen and (min-width: 1023px) { #top #main .sidebar {top: -650vh!important; }
.main_color aside {border-color: transparent!important; }}
@media only screen and (min-width: 767px) and (max-width: 1022px) {#top #main .sidebar {top: -1140vh!important; }
.main_color aside {border-color: transparent!important; }} 

Best regards,
Mike

Hey Horea,
please try changing your code to:

.avia-builder-el-24 {top: -50px!important; }

Best regards,
Mike

Hi,

Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hey gardenstateloans,

Autoplay is disabled for mobile devices unfortunately.

Best regards,
Rikard

Hi Siva,

You can’t expect the background image to display exactly the same on screens with such a big difference in height/width ratio. If you want greater control over the image then you would need to add another section to be shown on mobile device only. You can show/hide the correct section using CSS like this:

@media only screen and (min-width: 768px) {
#section-desktop {
  display:block !important;
}
#section-phone {
  display:none !important;
}
}

@media only screen and (max-width: 767px) {
#section-desktop {
  display:none !important;
}
#section-phone {
  display:block !important;
}
}

Best regards,
Rikard

Hi,

Great, glad you got it working and thanks for letting us know. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Great, glad you found the problem and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard