Hey!
Whoopsie! I noticed a typo in my previous code, please use following one
@media only screen and (max-width: 480px) {
.av-preloading-logo {
max-width: 80%;
}
#top #wrap_all .av_header_transparency {
position: absolute!important;
background: transparent;
}}
Regards,
Yigit
Hey BetuwePC!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
.home #after_section_1 .content {
padding-top: 20px;
padding-bottom: 5px;
}}
I cannot see a line on the left side though. Have you figured it out?
Best regards,
Yigit
Hi rdswestnet!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
#top .avia-slideshow-button { margin-top: -20px !important; }}
Best regards,
Yigit
When i create a new blog post and publish it, it doesn’t automatically appear here:

I have to go to pages > home > and then click “Update” in the Publish section:

and then it appears on the page.
I’m asking if there is a way to skip this step: (I have to go to pages > home > and then click “Update” in the Publish section) so it automatically appears on the home page.
and the issue with pagination:
if i click on #2 for example:

the whole page loads and it goes back to the top, then the user has to scroll all the way down to see that the 2nd page is loaded. Isn’t there a way that the 2nd page changes inside the news section? (it doesn’t reload the whole page, it just loads more news)
-
This reply was modified 9 years, 10 months ago by
thatkidaathi.
have filled in all of the fields. there is no caption shown when viewed in the lightbox. Not on desktop nor in mobile. It is my understanding that a caption should be displayed. Is that correct? If not, then I understand. If so, then can you help me with a fix? Here is an example page below showing the issue. thanks very much for your continued support.
Hi @web6s;
to have a different content for each (mobil and desktop) is possible.
to that you should give an “id” or “class” to your elements.
Just an example :
Color section (I give an id : my_section_desktop)
Color section (I give another id : my_section_mobil)
In the css style :
/*HIDE ON DESKTOP*/
#my_section_mobil {display: none !important;}
/*Telephone Styles */
@media only screen and (max-width: 767px) {
/*HIDE ON MOBIL*/
#my_section_desktop {display: none !important;}
/*SHOW ON MOBIL*/
#my_section_mobil {display: block !important;}
}
-
This reply was modified 9 years, 10 months ago by
begrafiks.
Hello,
For some reason there is a white gap on the left of the layerslider on the top of the page (draidel.com.ar/novedades). (This doesnt happen on small screens)
I tried adding but didnt work
left: 0 !important;
Regards,
Ariel
Hello
I have exactly the same problem but with Replete.
Opened a new thread but nobody replied.
This is the original post:
Hi
My website crashed and everything stopped working after updating to the latest wordpress. I made sure all the plugins were up to date and cleared the cache and the website went back to normal, at least on my end. Since then I have received two emails from customers stating that they can’t see the prices for variable items, it’s also usually quiet and I have hardly sold anything since updating the website.
I have checked my website on different devices and both Win and Mac but can’t find anything wrong with it.
Below is a screenshot that a customer emailed me this morning:
http://canvasprintart.co.uk/modernart/image001
Thank you for your help
Hi!
can u please let us know what tried till now?
Which videos you want the slider or any videos inside a topic?
Best regards,
Basilis
thanks, and the text in the middle of the line ?
and on mobile, is it possible that the header stays on top in the monitor ?
Hello and sorry for opening this thread again (my previous: https://kriesi.at/support/topic/cant-edit-theme-options-in-loc/) and repeat my problem again:
I cant edit Theme options on Arabic lanugage – it doesnt save and give me error:
Saving didnt work!
Please reload the page and try again
I did all from last post and it didn’t help.
The primary (EN language) is fine, all others – this problem. Moved this website to another server and still have this problem.
Thanks for the reply.
This is not quite what I need though. I am actually looking for the opposite. I need to hide select elements on desktop/tablet, thusly showing them on mobile only.
I am already using the quick CSS in the link above to hide certain elements on mobile. It may help if I explain what it is that I am trying to do.
When mobile visitors come to the site, I want to show them completely different content than a desktop/tablet visitor. I know I can do a homepage redirect upon mobile detection but for SEO reasons I do not want to do this. I want the traffic to funnel through the homepage, not redirect around it.
Hello,
after recent updates, from both WordPress and your Theme, the 4. problem (On the menu, when I hover over contact there should be some space to the right) re-appeared. In WordPress in Quick CSS I added /*Last Menu padding*/
.html_main_nav_header #top .main_menu .menu>li:last-child>a {
padding-right: 15px;
}
Please advice.
John
Hello
I have the quick CSS in place for hiding select elements on mobile. I need a similar one for desktop and tablets.
Is this possible?
Thanks!
Hi For some reason I can’t find a way to start a new topic…
I would like to know if there is a way to have video’s to play on mobile. All the topics I found so far are outdated.
Hello
I have embedded some simple youtube iframe code into the website… but after i saved the page and i then edit the page, i notice that the avia layout builder keeps turning around without loading any of the page layout which is really frustrating. How can this problem be fixed? If i remove the iframe code by reverting the page back to another version, then the avia page layout builder will load…
I do not want to embed the youtube video into the page other than inserting the iframe code as i need the ?rel=0 at the end of the code to stop the related videos displaying at the end.
I look forward to a clear and concise answer.
Thanks
R
The Yoast plugin allows for primary categories to be chosen for posts, I would like the enfold breadcrumbs to follow the link structure using that, giving priority to the primary category rather than just choosing the category alphabetically. I tried to drop the piece of code from this: https://kriesi.at/support/topic/make-breadcrumb-path-follow-primary-category/ into my functions.php of my child theme but it didn’t work.
For instance, I have chosen ‘trips’ as the primary category for this post which shows up in the yoast link – http://www.themajesticwild.com/trips/obabika-loop/ but it’s getting pulled and shown as http://www.themajesticwild.com/photos/obabika-loop/ by enfold. How can I change it to be consistent?
I am working on a site and built this page with the grid rows:
http://development2016nysonline.net/about-us/
I have the first row with text then an image. The next row with image then text. The third row with text then an image. One smaller screens with the responsive nature, the two first images are stacked on top of each other. So it displays:
text/image/image/text/text/image
I want it to be text/image/text/image/text/image. Is there some custom css I can create to change the order of the grid row elements on smaller screens?
Any way to have the captions, title, & buttons on the full-screen slider animate on only the first slide? I want to be able to change the captions in subsequent slides but not have anything move after the initial slide. I can code it to stop the animations altogether but I’d like them to move only on the first slide. Thanks.
On the Shop demo, the section right below the huge full-screen top image – (new winter collection etc.) four images, all the same height and width, fullwidth across the screen, text overlays, and links – is exactly what I want for my homepage. How does Enfold DO this layout?
(I would try importing the Shop demo so I could look at its back end, but 1) I don’t want to override all the work I’ve already done on my website, and 2) Shop requires the Woo Commerce plugin, which I don’t want.)
Hi Andy,
anbei der Link (private content)… Im Desktop Browser funktioniert es, nur auf iOS Geräten nicht… Da werden die Icons nicht angezeigt.
Hi!
I’m a huge fan of enfold template, this time i’m working with the vacations template. I need to customize the top bar so that his have social media buttons and language buttons too like int his picture: https://snag.gy/PKyoZ.jpg
Can you please tell me how to do this?
Thanks in advance
Hey philcrothers!
use this code for iPad screen size:
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
display: block;
width: 100%;
}}
Best regards,
Andy
Hi!
Unfortunately having product specific text would not be easily possible. I though you wanted to add text to top of each category view, which is fairly easier.
You can request such feature here – https://kriesi.at/support/enfold-feature-requests/ or hire a freelance developer if you urgently need such feautre.
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.av-preloading-logo {
max-width: 80%;
}}
@media only screen and (max-width: 768px) {
#top #wrap_all .av_header_transparency {
position: absolute!important;
background: transparent;
}]
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .av-masonry-load-more {
color: red;
background: orange!important;
}
Best regards,
Yigit
Hi Andy,
das Tutorial kenne ich. Allerdings geht es mir darum, mittels custom css die bullets bei listen dirch icons zu ersetzen. Im Zephyr Theme (Upsolutions) habe ich das problemlos umsetzen können, im Enfold geht das leider nicht… Diesen Code hatte ich verwendet:
/* Eigene Liste mit Icon */
.check-list ul {
list-style: none;
margin-left: 0px;
}
.check-list li {
padding: 6px 0px 5px 40px;
position: relative;
}
.check-list li:before {
content: '\f046';
font-family: 'FontAwesome';
font-size: 16px;
position: absolute;
top: 6px;
left: 5px;
}
Hi!
You have following codes
.logo {
margin-top: 24px;
}
#header {
max-width: 100% !important;
padding-bottom: 30px;
}
Please change it to following
@media only screen and (min-width: 580px) {
.logo {
margin-top: 24px;
}
#header {
max-width: 100% !important;
padding-bottom: 30px;
}}
Regards,
Yigit
Hi,
I was wondering if you have a tip on how I could achieve something like this https://smilesoftware.com/
As you can see they have a section at the start and then when you scroll the menu appears and then sticks to the top the further down you scroll.
So far I tried using a page with a blank template.
– Add a 100% color section
– use the Full with Menu below.
Problem is that the styling is different to the menu of the main header and things like search and social icons are not part of the shortcode.
Another problem with that is that the footer is missing. How could I alter the “blank” template so the footer is shown?
Other than the full with menu, is there another way to show the full header in a section anywhere?
Thanks in advance for any tips.