Hi JasonC,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css. This is a very temporary solution:
@media only screen and (min-width: 1000px) {
.grid-entry.flex_column.isotope-item.all_sort.no_margin.post-entry.post-entry-286,
.grid-entry.flex_column.isotope-item.all_sort.no_margin.post-entry.post-entry-288,
.grid-entry.flex_column.isotope-item.all_sort.no_margin.post-entry.post-entry-290 {
top: 296px !important;
}
}
The images will be jumping on different screens, in order to get a solid solution, you might want to prepare images with 495×400 sizes, this is the one used for portfolio masonry and will work great in this case.
If you need further assistance please let us know.
Best regards,
Victoria
Sorry for the delayed response….
The site is in development on a my desktop so it’s can’t be accessed. It’s not plugins or any weird custom code as I gone through all the usual suspects. It would be easy to replicate, just create a menu and add a few social links to the header. Voila! you will see the same issue…I say this because I can replicate this on other sites that I’ve created with Enfold.
-
This reply was modified 8 years, 11 months ago by
Snerp.
Hi again
Sorry it looks like it was cache issue
Please remove this topic
BR
Krzysztof
I relayed to you in the initial request above that I already did that… I said “Checking the Forum, I ran across this help – but it didn’t work for me.
https://kriesi.at/support/topic/call-to-undefined-function-avia_is_burger_menu/”
Please look at this. I need help. I’ve purchased 10 installs over the years and have done very well. with Enfold. I’ve reinstalled on this site several times.
I need assistance, please.
Hi welswebmaster,
Please refer to this thread for a possible solution. Could be that some file was not overwritten by update.
If you need further assistance please let us know.
Best regards,
Victoria
To solve the image display issue please see this posting
Hi adrianvanwyk,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css, you can try it to make your grid look much better in landscape mode on tablets.
#top .no_margin.av_one_third {
padding: 10px 20px !important;
}
.toggle_content {
padding: 8px 10px 10px 10px;
margin: 0px 0 5px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* Add your Desktop Styles here */
.hr.hr-invisible.avia-builder-el-32, .hr.hr-invisible.avia-builder-el-38 {
height: 0px !important;
}
#top .no_margin.av_one_third {
padding: 0 10px !important;
}
.toggle_content {
padding: 8px 10px 10px 10px;
margin: 0px 0 5px 0;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
To solve the image display issue please see this posting
To solve the image display issue please see this posting
Hey kieranvyas,
Try adding this to quick css:
@media only screen and (max-width: 767px){
.responsive #top #wrap_all .av-flex-cells .no_margin{
padding-left:0px!important;
padding-right:0px!important;
}
}
Best regards,
Jordan Shannon
There is a better solution now than the first “overload” approach. To solve the image display issue please see this posting
As for now there is bug with the image display on single product pages. If you are not in a hurry just wait for WooCommerce and Enfold updates to arrive. If you need to update for any reason please see this posting
To solve the image display issue please see this posting
To solve the image display issue please see this posting
To solve the image display issue please see this posting
To fix the image display issue please see this posting
Hey FlatText,
Please refer to the following thread:
https://kriesi.at/support/topic/show-logged-in-status-in-header/
Let me know if this works.
Best regards,
Jordan Shannon
The following solution removes Enfolds custom functions for the image display of products and variations to restore the new image display starting from WooCommerce 3.0.0.
- It is save to use with any version of WooCommerce.
- It is intended to be used with Enfold version 4 to 4.0.5 only
If you do NOT have a Child Theme
1. Download https://mensmaximus.de/dokumente/enfold/enfold-child.zip
2. Login to wordpress and select Appearance -> Themes in the admin menu
3. Click on ‘add new’ (top left of the theme page)
4. Click on ‘upload theme’ (top left of the theme page)
5. Click on the file select button and choose the enfold-child.zip file from step 1
6. Click on ‘Install now’
7. Activate the Enfold Child Theme after the installation has finished
8. Follow the instructions from http://kriesi.at/documentation/enfold/using-a-child-theme/
If you already have a Child Theme
Copy the following code block to the functions.php file of your child theme
/*
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', ">=" ) ) {
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;
}
}
Attention: If you feel you are not able to reproduce this steps hire a WordPress freelancer to do it for you. Point him to this posting and he will know what to do. It takes less than 15 min. for a WordPress professional to accomplish the job (including asking for ftp credentials and/or WordPress access).
Nag Nag Nag: If you do not want to use a Child Theme or if you are just in bad mood please feel free to keep that for you. No need to tell anyone. In this case just wait for an official update.
Support: This solution is provided by me and not Kriesi. I am not affiliated to Kriesi in any way other than you all loving Enfold. I have spent more than one day with trouble shooting and talking to the WooCommerce Development as well as extensive testing. If you use this solution please report back if it worked or not. Your feedback will help others to decide if they will give it a try too.
Hi BPC,
Please refer to this thread for a possible solution of adding search to mobile.
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
Try this:
#top #header_meta{
background-image url();
}
Best regards,
Jordan Shannon
Support # – 770430
Mike, – your fix had worked with regard to tablets and mobile – however not fixed on Safari. The issue has not resolved itself. Checked it out on an IPAD today and the logo covers navigation in portrait view and in horizontal view the navigation goes to two lines with testimonials on second tier. Is there a fix for Safari? THANK YOU IN ADVANCE FOR YOUR SUPPORT.
This is what you had supplied in terms of code:
For menu showing on tablet, Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 768px) { .responsive .main_menu ul:first-child > li > a {
padding: 0 5px 0 5px !important;
}}
For logo too large on laptop, Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 1024px) and (min-width: 770px) { .logo img {
padding: 10% 0 0 0 !important;
width: 65% !important;
}}
If you have a look at the page in the private content on a desktop, the testimonials are in line with the contact form beneath it. But if you have a look from a mobile then the testimonials have extra padding left and right. Why is this?
@BotaniCa please follow my suggestion and see the many answers of satisfied users in that thread.
Hi,
Try adding this to quick css:
.hr-custom .hr-inner.inner-border-av-border-fat {
border-top-width: 10px!important;
margin-top: 10px!important;
}
body div .avia-button{
margin:0px!important;
}
Let me know if this works.
Best regards,
Jordan Shannon
Hi bauchope,
The titles are not showing because the color for them was set to white in theme settings, here is the code:
#top #wrap_all .all_colors h3 {
color: #ffffff;
font-size: 35px;
}
You have to go to your theme settings and look for the style where you specify for h3 and change for a different color.
Best regards,
Victoria
Hi Ismael,
I’m trying to change the width of a table and I found this code you posted here.:
.page-id-919 .avia-table {
table-layout: auto;
}
.page-id-919 .avia-table tr td:nth-child(1) {
width: 5%;
}
.page-id-919 .avia-table tr td:nth-child(5) {
width: 40% !important;
}
I tried to make it work on my page (of course I changed the id), using this CSS:
.page-id-60927 .avia-table-1 {
table-layout: auto;
}
.page-id-60927 .avia-table tr td:nth-child(1) {
width: 7% !important;
}
.page-id-60927 .avia-table tr td:nth-child(3) {
width: 7% !important;
}
.page-id-60927 .avia-table tr td:nth-child(3) {
width: 7% !important;
}
.page-id-60927 .avia-table tr td:nth-child(4) {
width: 7% !important;
}
.page-id-60927 .avia-table tr td:nth-child(5) {
width: 7% !important;
}
.page-id-60927 .avia-table tr td:nth-child(6) {
width: 7% !important;
}
.page-id-60927 .avia-table tr td:nth-child(7) {
width: 7% !important;
}
But the widths of the columns won’t change – any hints?
thank you,
Ritchie
Thanks, Yigit.
I have done a small modification in your code, because it should only affect on mobile view.
@media only screen and (max-width: 768px) {
.widget .social_bookmarks {
max-width: 135px;
margin: auto!important;
float: none!important;
}}
It’s working fine on my site now. Please feel free to close this topic.
Hi there,
Hope you can help me, Im busy with this big woocommerce website, and everything was basically done until I updated everything and saw that my
Product grid on all my shopping pages (only the first one at the top) doesn’t display the correct products.
For instance – the First heading is Business cards, but it displays all the products.. And I saw it is like that on all 5 Shopping pages.
Please help? Im really a bit frustrated.. I don’t know what to do?
Dear Enfold Staff,
First of all thank you for making for this such a nice template. I want to ask if it’s possible to put my logo a little bit bigger as you can see here in this link: (content) I don’t want it to be cut from top and bottom parts as it is seen right now.
Thank you,