Hello,
I have created a photo gallery page using the Masonry Gallery. Everything works fine on desktop but when I view it on mobile (used an iphone 6) and open up a photo, the photo disappears. It’s almost like there is a glitch. If you scroll down the page a tiny bit the photo appears again, but will then disappear. This happens to almost all of the photos when they are in lightbox on mobile. Any fix for this? We want the photos to just stay on the page when it loads and not disappear.
Here is the link to the page: http://192.185.186.27/~solutions4u/photo-gallery/
Merhabalar,
Sorunuzu burada cevapladim – https://kriesi.at/support/topic/lutfen-denklemi-cozerek-insan-oldugunuzu-kanitlayiniz/
Lutfen ayni sorulari farkli konularda sormamaya calisin, takip etmesi gayet guc hale geliyor :)
Bu konuyu kapatiyorum, acik olan digerinden devam edelim
Cheers!
Yigit
Thank you but this solution is not working for desktop and mobile devices togueter.
If I adjust to desktop, pop-up in mobile is not centered.
I tryed with %, but is not working too.
Thanks you anyway.
Right after updating to wordpress 4.7 the errors started on my web page. You can not read much of the content of the main page nor the post published through ipad devices.
In the laptop is displayed well, but not on ipad.
I have updated to the latest version of enfold and I have refreshed the cache, but the problem continues.
Can you help me?
Hi,
try this code inside Quick CSS field:
.mfp-content {
position: fixed;
top: 59px;
left: 30px;
}
and adjust top and left value as needed.
Best regards,
Andy
Hi
I used this snippet for welcome txt:
add_action(‘avia_meta_header’, ‘ava_get_user’);
function ava_get_user() {
if ( is_user_logged_in()) {
$user = wp_get_current_user();
echo “<div id=’header-welcome’>Bienvenue “. $user->display_name .”</div>”;
}
}
And this css:
#header-welcome { position: absolue; }
#header-welcome {font-size: 14px; color: #FFFFFF;}
welcome txt display but how to put him on the left (not actually under) of the top menu.
Same raw and just before “Mon compte”
see screen shoot. Thanks
Thanks
Hi,
I can see only margin issue and you can fix it by adding following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.responsive #top .avia-smallarrow-slider .flex_column {
margin-bottom: 20px!important;
}}
Best regards,
Yigit
Hi There great Enfold support team!
I’ve made an adjustment to a portfolio grid like here:
https://kriesi.at/support/topic/spacing-between-portfolio-grid-containers/
But I want the padding in de last row to be 0, so that the space most left and most right is even.
What can I do to fix this?
Thanks in advance, regards, Annelies
Hey Pascal,
I changed the code to following one
@media only screen and (max-width: 479px) {
.avia_textblock pre, .responsive #top #main .products .product {
width: auto!important;
}}
Please review your website now
Best regards,
Yigit
Hi,
Is it possible to add padding to the Portfolio columns?
The way they are currently setup places columns immediately next to each other and I’d rather there was a small amount of padding both top and bottom of each individual item and in the middle of the columns.
Also, I have activated Large header in the Enfold admin section and it places any menu dropdowns below the header area rather than immediately below the menu. How can I remove some of this space?
Thanks.
Hey Eisi101,
wenn du das hier machst: https://kriesi.at/support/topic/veroffentlichungsdatum-datepublished-aus-den-google-suchergebnissen-entfernen/#post-716293 sollte es funktionieren, allerdings braucht Google eine Weile bis die Änderungen auch wirklich greifen. Soweit ich weiß kann man bei Google ein Re-Crawling beantragen.
Gruß,
Andy
Hi,
versuche es stattdessen mit diesem Code im Quick CSS Feld:
label.gfield_label.gfield_label_before_complex {
top: 42px;
}
Gruß,
Andy
Dear Sir/Madam
There is a problem with the masonry gallery.
There is a gallery at the top of the page that works great. There is a gallery at the end of the page, under the text block that doesn’t show. It is working form mobile devices but it doesn’t work on PC’s.
Hi guys,
I really need some help.
I have a grid row with 3 columns, I have set the first cell to hide on mobile and the third cell also to hide on mobile, which is great on an actual mobile, but doesn’t work on my ipad.
How do I tell the theme that a certain screen width should be treated as “mobile”
And a more complex option, is it possible to have grid row where on desktop 3 cells show, on ipad (portrait and landscape) 2 cells show and on phone only 1 cell?
Thanks
http://www.airlinestaffrates.com/london-tagging-along-teenage-daughter/
Hey,
I want the London image to be align at the top with hotel booking widget

What code shall I add?
Thanks
Charlotte
Hi!
The image cells are on top of each other on mobile as expected based on their positions on desktop view. You have to duplicate the grid row element then re-order the cell position as you would like them to display on mobile view. After that, you have to toggle the display property with css media queries. Basically, you’ll have two grid row elements with the same content, one for the desktop and the other for mobile.
// http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Best regards,
Ismael
Hey!
Please add this in the Quick CSS field.
@media only screen and (max-width: 1024px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
display: block;
margin: 0;
height: auto !important;
overflow: hidden;
padding-left: 8% !important;
padding-right: 8% !important;
}
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 100%;
}
.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
display: none !important;
}
}
Best regards,
Ismael
Hi Kai,
Sorry for the late reply. Yes it’s still deactivated due to manufacturer restrictions, Apple for example does not allow autoplay on mobile devices.
Best regards,
Rikard
Hi,
Thanks for the clarification,please try the following in Quick CSS under Enfold->General Styling:
span.onsale {
position: absolute;
top: -40px;
}
Best regards,
Rikard
Hi there,
We are using Enfold and have decided to create a custom store/shop page.
We are using only fullscreen image sliders and our store page won’t load on mobile, please help…
It loads ok on ipad, but on our iphone 4’s and 5’s (I think) it won’t load at all unfortunately.
It also crashes entirely (on desktop, ipad and iphone) if we try to add one more slider to the store page for another product we’d like to offer.
Hi Milan!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
li#menu-item-burger a:before {
content: 'Menu ';
font-size: 20px;
}
div.av-burger-overlay-bg {
background-color: white;
}
#top #wrap_all #av-burger-menu-ul li a {
color: #999;
}
Cheers!
Yigit
Hey!
Can you please try adding following code to wp-config.php file near top and check if that helps?
define('CONCATENATE_SCRIPTS', false);
FTP logins did not work for me
Regards,
Yigit
Hey!
Can you please try adding following code to wp-config.php file near top and check if that helps?
define('CONCATENATE_SCRIPTS', false);
FTP logins did not work for me
Regards,
Yigit
Hi,
I want to have a different Logo when the language is switched from the main language German (de_DE_formal) to English (en_US).
I tried the code from this post
https://kriesi.at/support/topic/different-logo-for-every-language/#post-665917
but got a syntax error.
Could you please help me with this?
Thanks,
Arti
Hi Rikard
I have updated the CSS on http://www.alpha1builders.co.nz/ as below and it seems to work well, can you please check the code is OK?
.header-scrolled .logo img, .header-scrolled .logo, .header-scrolled .phone-info, .header-scrolled .header_bg
{
display: none !important;
}
.header-scrolled .container_wrap
{
position: relative;
top: -61px;
}
.header-scrolled .av-main-nav-wrap
{
position: relative;
top: 0px;
}
.header-scrolled .container_wrap_logo
{
border-style: none !important;
border-width: 0px !important;
}
Thanks
Regards
David Norrie
Hey!
I loaded the web site and on iOS it looks to have the same size.
Only issue is the menu overlaping on top of the logo
Regards,
Basilis
Hi
This is the link:
I would like to remove the border on top of Articles.
Thanks
Hi,
We have made a custom “top header menu”. We want to replace the extra header element, with phonenumber. Or basically, we do not use this. So we have made a custom one and it is set now below our main header menu.
Is it possible to set this above the main menu. This would be great !
In the private section you can see the extra menu and were it is placed now
many thank for tour help. (hope it is possible)
Hi,
Since upgrading to Enfold 3.8.4 Super Store Finder has stopped working (page URL below).
I have spoken to the plugin developers and they say there is possibly a conflict with the theme (see screen grabs attached). I’ve tried disabling plugins and the problem persists. So that suggests possibly that the conflict is will the theme.
Do you have any suggestions as how this can be fixed? I don’t want to disable the theme on a live site.
Grab 1
Grab 2
With thanks
Regards
Phil
Hi
The connection message has stopped appearing but the site is really slow to edit. I added some code to the .htaccess file for compression which makes the site itself a bit quicker but not the editor.
Each page takes an age to load.
I have created a temporary user for you to look (see private content)
I also checked out the site on Google Insights and GTmetrix and there appears quite a bit that could be done to speed it up but I don’t understand the theme well enough to edit it unguided.
see
Google Insights:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.nmsrfr.co.uk%2F&tab=desktop
GTmetrix:
https://gtmetrix.com/reports/www.nmsrfr.co.uk/yeWBmzmc