Hi,

Sorry for the delay. Please add this css code:

@media only screen and (min-width: 768px) {
.tax-product_cat .template-shop .page-title {
    display: block;
    position: absolute;
    left: 35%;
    top: 20px;
}

.tax-product_cat .template-shop.av-content-small {
    padding-top: 70px;
}
}

If you have additional inquiries, please feel free to create a new thread. Thank you for your understanding.

Best regards,
Ismael

Hallo Diana,

I’ve tagged the topic for our german speaking moderator, please wait for his reply.

Grüss,
Rikard

Hey Dörte,

I’ve tagged the topic for our german speaking moderator, please wait for his reply.

Best regards,
Rikard

Hi,

Glad we could help, please let us know if you should need any more help on the topic.

Thanks,
Rikard

Hi Dörte,

I don’t understand most of your posts above since my german is not too good but I’ve tagged our german speaking moderator for the topic, please wait for his reply. Note that each time you reply to your own topic it gets pushed to the back of our support queue so please try not to do so unless you think it’s absolutely necessary.

Best regards,
Rikard

Hi,

You can disable that behaviour but you have to modify the js > avia.js file which is a script file that can’t be modified in a child theme. You have to repeat the modification every time you update the theme. If you’re still interested, edit the file then look for this code around line 464:

win.scrollTop(0);
					mobile_advanced.css({display:'block'});

Remove this line:

win.scrollTop(0);

Best regards,
Ismael

Hi,

I’m sorry but we cannot hand in our ip addresses. A workaround is to add an actual video element in addition to the color section. Hide it on desktop then display it mobile. You can do that by using css media queries. More info here: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

Best regards,
Ismael

Hi,

Please use this to make it transparent:

.avia-slideshow-arrows a:before {
    background: transparent;
}

And change the color of the arrows with this:

#top .avia-slideshow-arrows a {
    color: red;
}

Best regards,
Ismael

Hi,

Add a unique Section ID to the top color section then use that in place of the “.avia-section” selector. For example, if you use “custom-section” in the Section ID field, the selector would be “#custom-section”.

Best regards,
Ismael

Hi!

Thank you for using Enfold.

The solution on the previous thread is not going to work properly anymore because the product template has been modified. Please undo the modifications then follow the instructions here: https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220

And if possible, please post long codes on pastebin.com.

Best regards,
Ismael

Hi,

The sidebar height adapts to the content height now. Replace the css gradient with the following:

.container_wrap.sidebar_right {
    background: -webkit-gradient(linear,right top,left top,color-stop(#f1f1f1,0.295),color-stop(white,0));
    background: -webkit-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: -moz-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: -o-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: linear-gradient(to left,#f1f1f1 29.5%,white 0);
}

If it’s not working, try this:

.container_wrap.sidebar_right {
    background: -webkit-gradient(linear,right top,left top,color-stop(#f1f1f1,0.295),color-stop(white,0));
    background: -webkit-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: -moz-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: -o-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: -ms-linear-gradient(to left,#f1f1f1 29.5%,white 0);
    background: linear-gradient(left,#f1f1f1 29.5%,white 0);
}

Best regards,
Ismael