Hey! Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #header_main .social_bookmarks {
display: block;
top: 0px;
}}
Best regards,
Yigit
Thank you and I understand. I did not use any plugin to change my search, but what I did do was replace what was in the searchform.php inside the theme with Google’s code.
If you go to the website, there is a search button at the top right which will show you the way the search currently is looking.
Thank you so much!
Hey Alexander,
It seems like they are using a plugin however i could not find which one it is unfortunately.
However, if you would like to use Enfold’s mobile menu on desktops, please refer to this post – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
Best regards,
Yigit
Please read about the reasons and the solution.
Please see the site link attached.
This home page has 3 areas that utilize the “image with hotspots” feature. You will see them as you scroll down the page. Each one of these has a large product image png file that sits on top of a parallax background image pattern. Sometimes the png files in these areas do not have their transparency, and the background is white, with only a small horizontal area, about 3/4″ deep along the bottom of the image that shows the background pattern in that area. I usually will see this happen when I refresh my Firefox or Chrome browser. Once I start opening or closing my browser window, the transparency will then usually appear. I’ve tried adding this, below, to the css but it hasn’t helped –
.av-hotspot-container-inner-wrap img, .av-hotspot-image-container, .avia-section .template-page .entry-content-wrapper, #top #main .avia-section .template-page, .av-hotspot-container-inner-wrap, .av-hotspot-container, .av-hotspot-container-inner-cell {
background: transparent !important;
}
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
margin-bottom: 20px;
}}
Best regards,
Yigit
Hey WordPressed!
Please edit your color section element and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png (“gradient-section” in example below) and then add following code to Quick CSS in Enfold theme options under General Styling tab
#gradient-section {
background: #b02b2c!important;
background: -moz-linear-gradient(top, #b02b2c 0%, #df7c7d 100%) !important;
background: -webkit-linear-gradient(top, #b02b2c 0%,#df7c7d 100%) !important;
background: linear-gradient(to bottom, #b02b2c 0%,#df7c7d 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b02b2c', endColorstr='#df7c7d',GradientType=0 );
}
You can create gradients here – http://www.colorzilla.com/gradient-editor/ :)
Best regards,
Yigit
@zaccc I totally understand what you are saying. But I am a developer and I know software has no warranties. It is the nature of open source development. You expect something that simply is not possible. Even in closed source development you wont get a guaranty for the software doing what you want. And this is where the advantages of open source development and the spirit of wordpress come in. If there is a bug anyone able and willing to help can fix it.
You simply can’t say Kriesi missed it. Look at other themes they even are not willing to support the new gallery from WooCommerce 3. They remove it and continue with their own solution. And even WooCommerce 3 was not perfect on day one. We are close to version 3.0.5 and still daily new issues are revealed. Many of them so rare that you even could not think of before. I know it is difficult for end users and for non-developers to understand whats happening behind the scenes.
If eCommerce is your business than you have to test yourself every aspect before updating. I can post a list of more then 40 well known WooCommerce plugins and themes that stopped working after updating to woocommerce 3. You can’t expect them all to work within a few days after a major WooCommerce release hits the market.
So don’t push your self. Simply wait. And if Enfold gets a new version wait again. Visit the forum. Use the search and read what others say. If there are no complaints for a week install it on development server and test it with your plugins. If all works role out the update to your production environment.
Just click the “Unsubscribe” link at the top of the page, below the large Enfold banner.
Hi,
das geht natürlich, mittels media querries. Zum Beispiel so:
Für Desktop:
h1 {
font-size: 45px;
}
Für Mobile:
@media only screen and (max-width: 736px) {
h1 {
font-size: 25px;
}}
Code bitte im Quick CSS Feld verwenden.
Gruß,
Andy
Quite right @Georg.
I don’t want to be a moany old customer. I’ve been a loyal customer of Kriesi for 3 years now and I recommend enfold to everybody. But my patience is wearing thin on this issue. I really expected a patch the same day. Two days tops. 3 weeks is really not good. This is an important issue!
@waveshaper this is an issue I described here in German.
The issue stems from the fact woocommerce 3 adds the main image to the thumbnails. Enfold does it the WooCommerce 2.4.16 way without the main image in thumbnails. Therefroe the array of images is missing one image and the WooCommerce 3 lighbox fetches always the image before the one you click on. Unfortunately there is no way to modify this behavior with a monkey patch for the WooCommerce script. I would have posted one if it would be possible.
Dear Andy
you closed topic https://kriesi.at/support/topic/enfold-woocommerce-product-slider-problem/ in case of a reply of another user how to solve the problem, but –> php 7 did not work for us! Problem still stays the same!!! We are running now php 7 which changes nothing about this problem.
You wrote we should delete theme files and reinstall new version. do we have to note something when we delete theme folder /enfold/? Did all theme settings after reinstall stay the same? We are using a child theme folder.
Best Regards Marc
Jordan, my apologies, I just find the sheer volume of issues I’m having with Enfold to be so overwhelming, and the time it takes to get responses so long, that when the content you want is already provided in the thread, I find it frustrating to be asked again and have to wait another 1-2 days for more progress. No intention to offend you personally but I’m really struggling to work with Enfold when so many things constantly break and it takes so long to get problems solved, however I also appreciate how busy you all are so, again, no intention to offend, just a bit stressed out with it all.
I appreciate you are trying to help, so thank you.
Problem is, I don’t understand or write CSS which is why I was so grateful for you writing that code for me. I realise you are not here to write code for people and that you did me a huge favour, but the issue is I cannot fix the problem I’m having by coding the solution.
The code you wrote does work, the problem is it’s being applied to more than just the one page it was intended for. Are you able to see in the code why post ID 54 code is being applied also to post ID 36 page?
This is a showstopper for me, I need to get the colours right on each page or I’m truly stuck. Hope you can assist, and thanks again.
GingerGuest
Hi,
I’m using ENFOLD theme for my company website. It’s work perfectly fine on desktop device, but I just check on mobile device using Safari & Chrome both are showing all coding things. Please advise.
@zaccc my solution has been recommended many time by the support staff and they them self post it now. See here.
@Zacc the solution has been posted a hundred times. Even in this thread here.
@mensmaximus – thank you, your solution has worked well!
@jordan_s – I managed to fix this using @mensmaximus’s solution, would be great if this could be implemented into future updates of enfold.
I used the solution posted here:
https://kriesi.at/support/topic/enfold-theme-woocommerce-product-images-not-showing-as-of-4-4-17/page/3/#post-773385
Thanks again, Alex
Hey,
es geht darum, dass man für jedes Devices (Desktop, Laptop, Tablet, Mobile) z.B. für die H1, H2 etc. je eine unterschiedliche Schriftgröße angeben kann. Z.B. dass die H1 auf dem Desktop in 45px angezeigt wird und Mobile ist die H1 25px. Und dass dieses unter dem Menü Enfold Child einzustellen ist.
LG
Joscha
@Angelo-ufirst as for now (Enfold up to 4.0.5) you need some extra steps and the wp-product-gallery-slider would need even more development. Take a look here.
Hi there
On my single product page layout, when you click on the product gallery image it does not open the thumbnail image in lightbox you click on, it starts from the beginning.
Is there a way to fix this?
I have the latest Enfold, WordPress and WooCommerce installed with @mensmaximus awesome fix in my child-theme functions.php.
=======================
Image Fix MensMaximus
/*
Woocommerce 3.0.0 Compatibility Fix
Remove Enfold's custom functions that conflict with the new image display in WooCommerce 3.0.0
*/
global $woocommerce;
if( version_compare( $woocommerce->version, '3.0.0', ">=" ) ) {
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
return $img;
}
function avia_woocommerce_post_thumbnail_description($img, $post_id){
return $img;
}
}
and for style
.woocommerce-product-gallery__trigger{
position: absolute !important;
top: 1em;
left: 1em;
z-index: 99;
}
Some help will be much appreciated.
If you can.
Thanks.
-
This topic was modified 8 years, 11 months ago by
waveshaper.
Found this minor and weird issue, but it may be of interest.
For my contact form: https://hi-flyfoto.de/luftaufnahmen-kontakt-angebot I have set the border colour to grey with quick CSS.
On a tablet (ipad air 2, various browsers) the border of the email field is invisible when the validation is set to valid email address.
While the page is loading the border can be seen, but it then goes away. This is not the case on a desktop.
Setting the validation to must be filled out, “solves” the problem and that is the way I have it set up now.
Like I say, not a big deal.
Hi,
you need to add an !important to border-color:
@media screen and (max-width: 769px) {
#top div .av-dark-form input[type='text'] {
border-color: #C59C5F !important;
}}
Best regards,
Andy
@nikko perfect. I am glad you finally recommend my solution as the official solution. Sounds like the next Enfold update is very close now ;-)
Hi!
It works like that because the cart icon container covers the search icon. Please add the search icon back then add this css code.
@media only screen and (max-width: 767px) {
.responsive #top #menu-item-shop.cart_dropdown {
width: 30px;
min-width: 30px;
right: 30%;
}
}
Regards,
Ismael
I’ve tried that before and have now used all % again but the problem is not solved. It looks better but still not correct:
View post on imgur.com
If I change the % so that it will appear right on a lap top, it doesn’t look good/correct anymore on a bigger screen. Do you understand what I mean? Even though I’ve chosen calculate positions from “sides of the screen”.
Did the same thing with the layers here (on the left hand side) http://realit.ch/?page_id=3288 and it looks fine on different screen sizes. So I don’t know what the problem is with the home site.
Thanks and regards,
Aline
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.html_header_top.html_bottom_nav_header .main_menu>div {
height:5px !important;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 175px !important;
}
You can adjust the values to suit your preferences.
Best regards,
Sarah
@mark_bingley from what I can see you have at least one plugin that is not compatible with woocommerce 3. This together with a problem in Enfold 4.0.5 causes your issue.
If you deactivate the Image Zoom Plugin I guess you will see the original problem I linked to above. Implementing my solution would fix it. But there maybe more incompatible plugins. Best would be you follow the debuging rules and deactivate all plugins except woocommerce, apply my patch and see what changes.
@micoenfold
p.demo_store {
position: fixed;
top: inherit;
left: 0;
bottom: 69px;
right: 0;
margin: 0;
padding: 1em 1.41575em;
background: -webkit-linear-gradient(#3D9CD2, #3D9fff);
z-index: 999;
}