Hey Pas- you can make your own icons (with, say, something like adobe illustrator) then upload them onto Enfold by using fontello.com. It’s pretty simple, didn’t take me much time to figure out even as a novice.

To your second question, you can just use a small photo to achieve an icon-like effect. I have used small black & white pngs in the past for this and it looks sharp. If you need it really tiny though, use the fontello option.

zOrg, good question and I’m now subscribed to this thread, but it might be helpful to you to know that you can make your own icons in adobe illustrator or whatever then upload them to fontello.com, then in turn use them in Enfold. So you could easily make your own shopping bag icon, then once you get the answer to this thread, attach that icon to your cart. Hopefully this at least half-helps.

Hey eamanzotti,

In addition to begrafiks excellent link, as a fellow novice like yourself I’ll add (also assuming I’m not misunderstanding you) that you can add pages that don’t appear on the main menu or mega menu if you so desire. It’s very easy. Just go to “Pages” on the left side in your dashboard and select “Add New”. You can then design your page and by default it won’t appear in any menu. You can then link to the course page from elsewhere on the site with a link, a button, or whatever. You can even make an image a link by applying that option when you insert the image.

Anyway hope that helps!

Hi,

Wanted to provide an update. By playing around with the values, I found that the following numbers in the CSS give a functional result. The image isn’t centered within the color section, rather looks more “centered top” (even though centered centered is selected). But at least it displays at normal size.

Here are the new numbers for anyone else with the same issue:

@media only screen and (max-width: 1000px) {
.home .avia-bg-style-fixed .av-parallax {
background-size: 70% 10% !important;
}
}

Thanks for the help Josue!!

Well, that didn’t work either, though interestingly what it did do was to make the image huge on desktop too when I selected “parallax” for the color section. In other words, I reproduced the problem on desktop. When I switched back to the “fixed” option, the issue went away on desktop, but still persists on the mobile device, even after lots of refreshing.

If it helps with troubleshooting, I’m almost positive this wasn’t a problem before the last update, so maybe it has something to do with that?

Darn it, the CSS has no effect at all. Any other ideas?

Thanks Josue!

I’m actually having the same issue, and the above code didn’t work for me. I’ll be following this thread to see if there’s any more insight, if not I’ll start a new support request. Good luck killyman!

Did you try adding “Comments” under content elements in the avia layout builder? I was having the same problem as you until I realized I had to add that element within the layout builder… problem solved!