Hello! I have a grid row with the css below:
#fixednavigation2 {
position: fixed !important;
top: 40px !important;
z-index: 3 !important;
border-bottom: 1px solid #dadedf !important;
}
This is my main navigation for the site. It was working great until just today, the links seem to be “clickable” below the link rather than on the link. Do you have any idea why this is happening? Note that once you scroll down the page a bit the links work properly.
Hi tashi-11!
Thanks for getting in touch with us!
The best option would be to upload an image size that will be the full width of the desktop and set the width and height to 100% in the layer slider settings. This will resize the image accordingly when the screen gets smaller and have the image looking stretched on desktop or larger screens.
Let me know how it goes.
Cheers!
Jordan
Thanks Yigit. You got me going in the right direction. In order to get it to work on the iPad I needed to nudge the caption up too:
@media only screen and (min-width: 767px) and (max-width: 1023px) {
#top .avia-slideshow-button { margin-top: -50px !important; }}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
#top .avia-caption-content { margin-top: -25px !important; }}
Hey minogig!
I went to Appearance > Menus and clicked “Screen options” on the top right corner and checked “Categorie prodotto”. Please review your website now
Cheers!
Yigit
Hi RPM!
If you are using Advanced Layout Builder to create your posts, please add comments element to the bottom of your page under Content elements tab of ALB.
If that does not help, please edit your post and click “screen options” on the top right corner and check “discussion” and scroll below your post and make sure that you have enabled discussion
Cheers!
Yigit
Hey!
Can you please add following code to Quick CSS as well
.responsive #header { position: fixed; top: 0; width: 100%; }
If that too does not help, please hire a freelance developer or request such feature here – https://kriesi.at/support/enfold-feature-requests/
Cheers!
Yigit
ok looks good to go. I created a new API key so it should update. I just cross my fingers the issue doesn’t happen again.
there used to be my phone number right under the social media icons. I tried doing what you said but I dont like it at the top right bar.
either way, I am happy the site is back up and running.
are there any major updates that you think I should be aware of with the newest enfold?
Thanks again
Ari
Hi!
Please edit your page and click “screen options” button the top right corner and check “discussion and scroll below your content and make sure to enable discussion
Cheers!
Yigit
Hey Peter!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .main_color .avia_cart_buttons .button span {
color: #d82a2d;
}
#top .main_color .avia_cart_buttons .button {
color: transparent;
}
ul.products li { overflow: hidden; }
Regards,
Yigit
Got it. Thank you for that, didn’t see that option.
I do have a question though, I have the boxed layout set to 2000px:
@media only screen and (max-width: 2000px) and (min-width: 768px) {
.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header {
max-width: 100%;}
}
but for some reason it still looks like certain elements are stretching past the 2000px mark on desktop when you maximize the screen, see link below. How can I make it so that all elements are contained within the specified width?
Yigit
Thanks for fixing the site. It was stressing me out and now it looks all good. This issue has happened in the past. Moving forward, how can I make sure this problem doesn’t come up again when the next update comes out? It is the update with wordpress or with enfold? One of you guys told me to install the plug in Transient cleaner which I did. What settings should I put that at? Is that what will ave me from all this hassle?
Also, in a previous version of enfold, I was able to add my phone number on the front top header under the social media icons. Now they have disappeared. You have any idea where the phone number went to and how I can get it back?
Thanks!
Ari
Hello! I was wondering if someone could help me with the hover on this custom button. Currently, when you hover over it, only the outline changes color. Does anyone know how to alter the css so that when you hover over the button the entire color of the button ( both the outline as well as the body ) changes on hover? Any input is appreciated :)
.livesite {
margin-right: 10px !important;
padding: 12px 40px;
font-size: 10px;
font-family: lato;
letter-spacing: 1px;
border-radius: 70px;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
position: relative;
background: #a87a34;
color: #ffffff !important;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.livesite:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #a87a34;
border-radius: 50px;
text-decoration: none;
position: relative;
}
.livesite:before {
content: '';
position: absolute;
border: solid white 2px;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
opacity: 1;
}
.livesite:hover {
background: #393939 !important;
}
Hi there,
I realize you guys have been answering dozens of questions like this on other posts, but I have updated my wordpress, enfold theme, as well as getting rid of all my plug-in, and I am still getting several lines of this text at the top of each page:
web09a/b1609/ipg.sawyerbullockcom/wp-includes/functions.php on line 3722 Notice: The called constructor method for WP_Widget in avia_socialcount is deprecated since version 4.3.0! Use
__construct()
instead. in /hermes/bosnaweb09a/b1609/ipg.sawyerbullockcom/wp-includes/functions.php on line 3722 Notice: The called constructor method for WP_Widget in avia_combo_widget is deprecated since version 4.3.0! Use
__construct()
instead. in /hermes/bosnaweb09a/b1609/ipg.sawyerbullockcom/wp-includes/functions.php on line 3722 Notice: The called constructor method for WP_Widget in avia_partner_widget is deprecated since version 4.3.0! Use
__construct()
instead. in /hermes/bosnaweb09a/b1609/ipg.sawyerbullockcom/wp-includes/functions.php on line 3722 Notice: The called constructor method for WP_Widget in avia_google_maps is deprecated since version 4.3.0! Use
__construct()
instead. in /hermes/bosnaweb09a/b1609/ipg.sawyerbullockcom/wp-includes/functions.php on line 3722 Notice: The called constructor method for WP_Widget in avia_fb_likebox is deprecated since version 4.3.0! Use
__construct()
instead. in /hermes/bosnaweb09a/b1609/ipg.sawyerbullockcom/wp-includes/functions.php on line 3722 Notice: add_object_page is deprecated since version 4.5! Use add_menu_page() instead. in /hermes/bosnaweb09a/b1609/ipg.sawyerbullockcom/wp-includes/functions.php on line 3662
Any help would be greatly appreciated!
Thank you very much
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, 8 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, 8 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?