Hi Christel,

Great, glad you got it working again and I’m sorry about the problems. Please let us know if you should need any more help on the topic.

Regards,
Rikard

Hi,

Great, glad you got it working. And you’re right, we should have a sticky topic since a lot of users are having the same problems as you are. Thanks for the tip :-)

Regards,
Rikard

Hi Yan!

Thank you for using Enfold.

Could you please provide a screenshot of the hover effect that you have in mind? Use imgur or dropbox. For the background color, you can start with this:

#top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0.35);
}

Regards,
Ismael

Hi,

Yes, it’s possible. Please follow the instructions here:

Best regards,
Ismael

Hi,

The fullwidth submenu is not sticky on mobile phones.

That is the default behaviour of the full width submenu because “fixed” positioned elements are not handled consistently on mobile devices. If you want to make it scrollable, add this in the Quick CSS field:

@media only screen and (max-width: 767px) {
#top .av-submenu-container ul {
     white-space: nowrap;
     overflow-x: auto;
}
}

Remove this css code:

@media only screen and (max-width: 480px)
@media only screen and (max-width: 580px)
.av-submenu-container ul {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: fixed!important;
}

It’s a bit counter intuitive though because there is no indicator that it is scrollable. Please enable the button in the “Mobile Menu Display” settings.

Best regards,
Ismael

Hi,

Since there’s not enough space to accommodate the fields in one line, I think it’s better if they are stack on top of each other. Something like this should work:

@media only screen and (max-width: 479px) {
.responsive .avia_ajax_form .form_element {
    width: 100% !important;
}
}

This will affect all fields so adding a custom css class attribute will help: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Best regards,
Ismael

Hi,

Great, glad you got it working. Please let us know if you should need any more help on the topic.

Regards,
Rikard

Hey laptophobo,

Thank you for using Enfold.

Please add this in the Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #icon-section .flex_column {
    margin-left: 4%;
    width: 48%;
}
}

Best regards,
Ismael

Hey RRaker,

Thank you for using Enfold.

Try to adjust the product column css modifications:

body.tax-product_cat .template-shop .products li {
    width: 19% !important;
    margin: 0 1% 20px 0 !important;
}

Apply a minimum height to the product info container:

#top .inner_product_header {
    min-height: 125px;
    height: 125px;
}

Best regards,
Ismael

Hi,

We checked the site on IE8 and the text inside the color sections are displaying. What is the version of your IE browser? Please try to disable the fade in animation of the column on IE:

.avia_transform.avia-msie .avia_animated_image, .avia-msie.avia_transform.avia_desktop .av-animated-generic {
    opacity: 1;
}

Best regards,
Ismael

Hey Timo,

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

Best regards,
Rikard

Hi Michael,

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

Best regards,
Rikard

Hi,

Ok, no problem :-) Please let us know if you should need any more help on the topic.

Regards,
Rikard

Hi,

Great, glad you got it working and thanks for sharing. Please let us know if you should need any more help on the topic.

Best regards,
Rikard

Hey Kurt,

I’m not sure I understand what you are referring to since you linked to the demo overview page, if you click Remove Frame in the top right hand corner of the screen you should be able to get the direct link.

Best regards,
Rikard

Hey!

I am trying to place a sidebar to the right on a product page, where I want to display product categories, but for some reason all the widgets end up under the product image?

That is the default single product template. If you want to move the sidebar to the left or right side of the product details, please follow the instructions here: https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220

Regards,
Ismael

Hi,

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

Thanks,
Rikard