Hi,
I am trying to have a different Color Section for the mobile version of the website. The reason is beacause I would like to use a different background image to be shown on small screens.
so i tried this with no sucess:
@media screen and (min-width: 0px) and (max-width: 400px) {
.fuumi-top { display: none; } /* this is the version for big screens */
}
@media screen and (min-width: 401px) {
.fuumi-top-mobile { display: none; } /* this is the mobile version */
}
is there a way to get around with this?
Many thanks
Overnight WP released 4.6. When WP issues updates I go through bits of trepidation. Although Kriesi has been fantastic, very fast with updates and always on top of issues, other frameworks haven’t in the past and I always worry. I never worry about the Enfold updates though, odd that. ;-)
As the owner of 20 licenses (soon to be 21) I need to ask, any known issues with this release? Or perhaps the recent update to Enfold pre-empted any possible issues?
Thank you in advance for reassuring me and for keeping a great product up to date and rocking the WP house!
Hi,
I know that by adding :
.content, .sidebar { padding-top: 10px; padding-bottom: 10px; }
in the quick CSS , we can change the top and rbottom padding but how can we achieve the same for lef and right in a boxed layout ?
Hey quadrocreative,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.container_wrap_first .content {
padding-top: 10px;
}
Best regards,
Yigit
Indeed, looks good on your screen. I have a 15.6 inch screen size laptop. It may not adapt to any screen size, is there a way to deal with that ?
Hi,
Please add following code to Quick CSS as well
.av-main-nav > li > ul {
padding: 20px;
border-bottom-left-radius: 100px;
}
#top .av-main-nav ul a {
border: none;
background: transparent;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi!
Please see the second link i posted above – https://kriesi.at/support/topic/google-map-error-oops-something-went-wrong/#post-673600. You can read more information there :)
Best regards,
Yigit
In that case I’m happy too :-) Topic closed.
Cheers,
Steven
Hi,
I add a video to the frontpage. It’s a .mp4 and I used the option video stretching to the all page but I still have black frame above and below the video. I would like to extend the video to the entire page. How can I do ?
Thank you,
Christophe
Hi Ismael,
Works! That’s great! A little CSS and it looks beautiful too :-)
Can you flag this topic as closed please? (Btw: can I do this myself or do you need to do that?)
Thanks & best regards,
Monique
Yes, thank you. It works great for now. I just took some time to find the right tags to use, but it’s now running well. I used it on a child theme.
Best,
Christophe
Hello Team,
I would like a smaller text area in the contactform,
I tried https://kriesi.at/support/topic/i-seek-to-make-the-text-area-box-50-smaller/
but it doesn’t work.
I also tried to style the contactform like: https://kriesi.at/support/topic/modify-contact-form-css-options/
But it also does not work.
cheers
Hi,
Great, let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Great, glad you got it worked out. Let us know if you should need any further help on the topic.
Thanks,
Rikard
Hi Ismael,
Great, that solves the problem!
You can flag this topic as closed.
Thanks & have a nice day,
Monique
Hi,
No problem, please let us know if you should need any further help on the topic.
Thanks,
Rikard
Hi Jordan
I followed all instructions and found that jQuery Updater is the plugin that is causing the problem. When I disable it, the drop down menu works but when it is disabled my other issue recurs, so if you visit my variable product pages, the variable prices do not appear. As soon as I enable jQuery Updater, the drop down menu stops working but the prices on the variable products are then displayed.
My login details are in the Private Content area, please can you take a look?
Chris
Hi,
@Lisu86 Please open a new topic and include admin login details in private and we’ll take a closer look.
@ElseSjurdaberg great, glad you got it working :-)
Thanks,
Rikard
Hi Steven,
I don’t see any problem with that solution if it works for you :-)
Let us know if you should need any further help on the topic.
Regards,
Rikard
Hi,
Ok great, let us know if you should need any further help on the topic.
Thanks,
Rikard
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
#top .avia-slideshow-button {
font-size:12px !important;
}
Best regards,
Rikard
Hi MartinNorton,
Please try the following in Quick CSS under Enfold–>General Styling:
.page-id-152 .avia-builder-el-0 .container {
padding-top: 0 !important;
}
Not sure about the other margins you want to remove though, could you post a screenshot highlighting the changes you would like to make please?
Thanks,
Rikard
Hi,
Great, glad you got it working and thanks for sharing :-)
Let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Thank you for using Enfold.
Looks like you managed to accomplish what you need with the following css code:
.avia-slideshow-inner, .avia-slideshow-inner img {
height: 400px !important;
}
.avia-slideshow-inner img {
min-width: 1000px !important;
}
Another workaround is to add another slider specifically created for mobile. Toggle the sliders’ display property on mobile and desktop. More info here. http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Best regards,
Ismael
Hey LifEnD,
Thank you for using Enfold.
We replied to the following thread. https://kriesi.at/support/topic/sticky-menu-for-mobile-submenu/#post-673509
Please continue here.
Best regards,
Ismael
Hi,
Sticky or fixed elements are not fully supported on mobile devices or it is inconsistent, that’s why it’s disabled. You can set the position property of the #header container to fixed but it may create other issues.
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed;
}
}
Best regards,
Ismael
Hi,
Great, glad it started working again. We’ll keep the thread open in case you should have any further problems on the topic.
Regards,
Rikard
Hi,
Thanks, that worked.
Please try the following in Quick CSS under Enfold–>General Styling:
span.avia-menu-text {
vertical-align: text-top !important;
padding-bottom: 10px !important;
}
Regards,
Rikard
Hi
I’m really getting frustrated with the shop part (after the whole normal site)and nothing works as it should either in Desktop view or Mobile view. There is no way to have a shop as you have in the demo site.
1. No way to have a side bar with only my categories. In fact i had to get ride of side bars in all site because they display a lot of garbage i don’t need like archives search etc..
2. No way to customize categories page as you have it. I had to get rid off the categories and tags links in product page because of that, So what is the point of the shop if everything is not linked and each item is treated a part.
3. Related products section in the bottom of the product page is huge, texts beneth overlaps or goes out of the boxes and bugs list is long.
4. Product Grid or Masonry with caption is useless because caption is not centered and goes off the product image square. The text layout is a mess
5. In product page nothing shows as it should or like your demo (and i’m respecting image sizes and i know how to deal with graphics)
6, It doesn’t make any sense i have to build a shop manually as a normal page because nothing works as it should
7. Your demo shop is exactly what i need as any normal shop, where you have a product in left side and side bar with categories in the right side (i don’t need login part) So how to get that.Because nothing seems to work as you are showing it in shop demo in YOUR SITE.
I hope you will reply VERY soon with some solutions not like last port i had to wait a week to have a short answer and telling me to open other post.
This is really….