Hey guys,
If you look at the in-progress link below you’ll see it renders the way I would like it too on a desktop.
My primary concern is mobile. With the background set to no-repeat an fixed it, renders great on the desktop.
When I review it on an ipad or iPhone, it doesn’t work for me. You will see just blank colored blocks rendering on each mobile device.
Any suggestions on how best to proceed with this? I am thinking just removing the image elements (divs) altogether for mobile.
Thanks!
I disabled, deleted Autoptimize plugin as well as other plugins that I have recently installed but it did not resolve the issue.
Hello
I am using this code to remove borders from all tables in my site,
table {
border-collapse: collapse;
}
table, th, td {
border: 0px solid black;
}
but I am still seeing the left and top lines in tables, as in this page, can I get help please? Thanks!
http://lumilent.com/wordpress/productos/lentes-hidrofilicos/
I’ve been struggling with this and feel this should be much easier to work, but it’s not.
1) Desktop larger than 910.
I want my larger screen monitor to show our site larger than 910 wide – prefer it to show like the Kriesi site at 1440 or so. However, I’ve followed the theme settings properly:
Stretched, Responsive and Maximum Container width at 100% (even tested larger sizes but it’s not updating in either FF or Safari).
2) iPad (I use an iPad Pro)
Doesn’t seem o allow pinch to zoom. That’s ok with me, but I think having a larger size TABLET viewport is to be expected these days between the iPad Pro 12″ and MS Surface too. Anyway to create a new one and what would those settings be?
Background: I have created a separate grid.css and placed it within our theme and updated the functions code I read from a moderator who shared it 2-3 years ago. Just don’t seem anything new on this NOR are there any other grids shared in the support forum – spent hours researching this to no avail and hope you can help with these two issue.
Thanks.
Dave
Ahoy,
How do I change the color of the the menu background with of the logo center and the menu below. I want the backgournd of the logo area on the top to be white and the background of the navigation to be black and full width. I don’t see any settings for this on the backend.
Please Advise
Hey MarsNJ!
If you are not using a child theme, please find following line near top in Appearance > Editor > Functions.php file
if(isset($avia_config['use_child_theme_functions_only'])) return;
and then add your code right below that line
Regards,
Yigit
Hey Bianca Katzer,
Hey Biance,
Enfold is one of the top themes used form Marketers and we do know that it should be working 100% correct as there is no known issue at all.
Let us know if you face although anything, I am sure we will be able to short it out really quick.
Best regards,
Basilis
Hey guys,
Not sure if there is a solution for this. A new client of mine has multiple stores across the country. Each stores need to have their own text/image content AND menu. On top of that, each stores need to be available in 2 languages.
Store A
– Texte A (English version)
– Texte A (Spanish version)
– Menu for store A (English version)
– Menu for store A (Spanish version)
Store B
– Texte B (English version)
– Texte B (Spanish version)
– Menu for store B (English version)
– Menu for store B (Spanish version)
Store C
– Texte C (English version)
– Texte C (Spanish version)
– Menu for store C (English version)
– Menu for store C (Spanish version)
Does anyone have experience with this kind of setup? I was going to use WPML for translation. Is there a way I can serve different menus to defferent pages? Should I “trick” WPML and use it as so, with these languages :
“Store A ENG”,
“Store A ESP”,
“Store B ENG”,
“Store B ESP”,
“Store C ENG”,
“Store C ESP”.
Thanks for the help/suggestions!
I am using Layer Slider on my website http://www.mtalpine.com. The slider is set as responsive and that that has been working fine until recently. Last week I noticed that when a am looking at the website on my laptop, the background image is stretched outside of the screen and the layered text is partially cut off because of the stretching. I tried different settings but I can’t make it work. I would appreciate your input.
Radka
Hi,
The menu can not work as a shortcode the way you used it.
https://kriesi.at/support/topic/move-search-icon-to-secondary-menu/
Here is an example, how moving to top bar works, to help you guide further on the customization.
Best regards,
Basilis
How is the image at the top of the home page that goes behind the navigation set up for the Enfold 2017 Demo? is it a slider of some kind? Which one?
Thx.
Hey m,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.title_container .main-title {
top: 10px;
}
Best regards,
Yigit
I have a month old site that has developed a header issue. The top navigation, logo, etc. has disappeared and the Easy Slider looks weird. The site was built and was active, there was no fiddling with the back end except to add images, and I did add two image plug-ins, Simple Image Sizes & WP Smush, which I have now deactivated in case they were somehow responsible and still site is the same.
Enfold and WP are up to date.
The site looked fine and I didn’t go on it for a week or more and when I went back it was messed up. No one else had access to the site.
I will be glad to give you WP login via private content if necessary.
Hi,
Please test now, it should work. I added it to the very top of quick css which means that if it wasn’t working the first time, something below that is not structured correctly.
Best regards,
Jordan Shannon
My pages don’t seem to be displaying correctly at times. When I first pull up the page, the slider, testimonials section and the masonry gallery on the page show as blank. But if I refresh the page, they come up as intended. This is happening on multiple pages. I have cleared my cache in case that was the problem, but it hasn’t solved the issue, and when I tested this on other computers I am getting the same issue.
Thank you for your help.
UPDATE: I had cleared my browser cache but not the cache from Autoptimize. Clearing it seemed to have solved the issue. Please ignore post.
-
This topic was modified 8 years, 10 months ago by
Emma1202. Reason: I believe I solved the issue myself
Hey gardenstateloans,
Please see the following thread:
https://kriesi.at/support/topic/gwt-problems-indexing-enfold-soft-404-with-search-activated-s/
As of right now the solution is to modify the robots.txt to disallow the search files from being indexed until a more permanent solution/update is produced.
Best regards,
Jordan Shannon
Hi,
Add this to the css I sent
padding-top:10px!important
Best regards,
Jordan Shannon
perfect ! is there a way the gap between the top and logo can be a little closer?
they are definitly on video – so cropping will be the fastest way – its only 50mb
and maybe it is nice to have the border on bottom not visible:
.page-id-3098 #after_section_1 {
border-top: none;
}
-
This reply was modified 8 years, 10 months ago by
Guenni007.
Hey John,
thanks for your answer.
Isn’t it possible to do that without another plugin? Like adding some code to my child theme’s function.php?
Using this code snippet here https://kriesi.at/support/topic/contact-form-messages-not-sent/#post-389784 didn’t work unfortunately.
So for me it would be fine to have a hard coded “from” mail, but a “reply to” function in the e-mail header which is filled with the e-mail adress of the user’s input.
Still hope there’s a possibility to do this.
Best wishes,
Andreas
https://kriesi.at/support/topic/share-snipet-placement-after-update-to-3-1-1/
Hi, I’ve activated social-share in single portfolios but if I share it you do not see the images .. do you have a solution?
When I share the single portfolio I do not see the images .. do you have a solution?
Hey spiekutowski,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .av-video-slide .avia-slide-wrap {
background: #fff url(//colwayinternational.online/wp-content/themes/enfold/css/../images/layout/preload-dark-grey-big.gif) no-repeat center center;
}
Best regards,
Yigit
Hi guys,
I have browsed through forum and did not find the answer to my specific question. I am trying to play a video in Color Section but I have encountered 2 problems.
I have 2 form of the same video: Full screen 16:9 and Narrow 4:3 (video with black bars on top and bottom)
1. If I play in 16:9 ratio full screen video, I need to make my color section 900 px height and even more to fit all the video – that is no good as there is cut images and text as a result of this not fitting the section if that is smaller.
2. If I play 4:3 the video fits perfectly – this is what I want. But the problem is that there are BLACK BARS on the sides.
THESE ARE NOT THE VIDEO BARS – as the video have not got any bars on the left and right.
Big question is: Can I change the color of the black bars on each side of the video? – I want them to be white.

This is the page:
https://colwayinternational.online/cookies/
Please help :(
Hi Basilis,
thx but it doesn’t change anything. BTW the wordpress admin bar at the top when I’m logged in and got to the homepage is gone?!?!
Bests
Mirko
Hi John
I’ve done that, but wouldn’t this do it?
I tried it but had no joy; and I can’t comment on that post now.
Thanks
Farzan
Hi Ismael,
as stated in my last entry it is ok for me. From my point of view you can mark this topic as solved.
Thank you for support.
Best regards
Volli
Hi,
Yes, the code is there properly, and is working now. Do you need any other assistance with this topic? :)
Best regards,
Sarah
Hi Sarah, thanks
Now, I have two layer sliders (ID:1 and ID:4)
I´ve added this code in quick CSS
@media only screen and (max-width: 990px) {
.home #layer_slider_1 { display: none !important; }
}
@media only screen and (min-width: 990px) {
.home #layer_slider_4 { display: none !important; }
}
I´ve created two layers sliders sections in my home, one with LayerSlider 1, for desktops) and the other with Layer Slider 4 (for mobiles)
It´s Ok on mobiles, but in desktop I´m seeing both sliders.
What I´m doing wrong?
Thank you very much!
Hey mikkijack,
You can try this code:
.page-id-4668 #av-layout-grid-1 .flex_cell:first-child,
.page-id-4668 #av-layout-grid-1 .flex_cell:last-child { width: 30.5%; padding:0px 15px 15px 15px !important; }
.page-id-4668 #av-layout-grid-1 .flex_cell:nth-child(2) { width: 39%; padding:0px !important;}
.page-id-4668 #av-layout-grid-1 .flex_cell .avia-image-container {
padding:0px !important;
}
Please keep in mind that the widths and heights change as they adapt to the screen that contains them. The above code works for most laptop screens, but if you want it to appear exactly as you want them, you’ll have to create different values for different screens using media queries. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
You can also use fixed pixel values for the widths instead of percentages. Please feel free to adjust the values to fit your preference.
Best regards,
Sarah