Hi,
I added a badge to my home page. It’s only displayed at the page with the id 28. So far it works the way I wanted.
Now I want to hide the badge on mobile devices, but the code I’m using is not working:
1.)
img, a img { border: 0; }
#badge1 {position: fixed;
z-index: 100;
right: 20px;
top: 480px;}
2.)
.page-id-28 #badge1 {display: block !important;}
3.)
@media only screen and (max-width: 768px) {#badge1 { display: none !important; }}
4.)
#badge1 {display: none;}
Can you help me?
Thanks & kind regards
-
This topic was modified 8 years, 11 months ago by
Steffen.
Hello kriesi supporterts,
I’ve got a problem with the advanced layer slider. (Link 1 in private content)
When I use the slider on my 27 inch mac, I can see the whole image. (left to right, top to bottom)
But when I use the slider on a 13 inch mac book (laptop size), the slider seems to crop the sides off.
I figured it out with the ‘Fullscreen slider’, but ofcourse I lose all the options I want from the advanced layer slider. (Link 2 in private content)
How do I make sure I can see the whole image on both screens? (with the advanced layer slider)
Thanks supporters!
Hi,
try this code inside Quick CSS field:
.avia-slideshow.avia-slideshow-1.avia-slideshow-featured.av-section-video-bg.avia-slide-slider {
position: relative;
top: -90px;
}
and adjust as needed.
If that doesn’t help, then send us admin access.
Best regards,
Andy
Hi,
@pedropluque I believe this one is resolved – https://kriesi.at/support/topic/error-403-admin-ajax-php/ :)
If you have any other questions or issues, please feel free to start a new thread!
Best regards,
Yigit
Hey cosburg,
versuche es mit diesem Code im Quick CSS Feld:
div#av_section_1 {
position: relative;
top: 70px;
}
Gruß,
Andy
Hi,
use this code:
#top .widget_nav_menu li {
font-size: 10px;
}
#top .widget_nav_menu li a {
color: red;
background-color: blue;
}
#top .widget_nav_menu li a:hover {
color: green;
}
and adjust as needed.
Best regards,
Andy
Sorry Andy,
it´s really a bit confusing. I checked my Webhoster inbetween and he resolved my problem. I had a wrong site und home entrance in my database.
Sorry for not telling you earlier but I overlooked your reply.
I really would appreciate one last support for my other problem:
This bothes me quite a bit on my frontpage.
Hi,
I have a small enhancement request.
I recently tried to move jQuery from header into footer of my website (running Enfold theme). Unfortunately, this turned out to be impossible, because Enfold theme registers avia-compat.js script in header with jQuery as dependency:
wp_enqueue_script( 'avia-compat', $template_url.'/js/avia-compat.js', array('jquery'), 2, false ); //needs to be loaded at the top to prevent bugs
I had a look on the avia-compat.js script and there is no line of code in it that utilizes jQuery. It would be perfect, if you could drop the dependency requirement in next version: wp_enqueue_script( 'avia-compat', $template_url.'/js/avia-compat.js', array(), 2, false ); //needs to be loaded at the top to prevent bugs The avia-compat.js would still be included in header, but jQuery could be included in footer with all the other scripts.
Thanks in advance!
Greetings,
Česlav
Topic can be closed, I am going to use images with the price. and fix them in the corners of the elements.
Hey Julie,
Sorry for the delay, Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 479px) {
.responsive #top .slide-entry {
margin-top: 30px!important;
}}
Best regards,
Vinay
Hi,
you could also try to edit image sizes manually: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176
Don’t forget to regenerate your thumbnails afterwards and clear browser cache + hard refresh a few times.
Best regards,
Andy
Hi,
To remove the border please add the below css
@media only screen and (max-width: 767px) {
.responsive #top #header_meta .social_bookmarks li,
.responsive #top #header_meta .social_bookmarks li a {
border:none!important;
}
.responsive #top #header_meta .social_bookmarks li {
margin-left:2px;
}
.responsive #header .social_bookmarks {
width: 160px!important;
}
}
Best regards,
Vinay
Hallo,
hin dem Thread wird geschrieben, dass wenn man ALB in Blogbeiträgen verwendet, die Blog Meta Element Settings ausgehebelt werden. Leider haben wir bereits nun tausende Beiträge aus einem altem System mit ALB Shortcodes für den Kunden importiert und die Settings werden von Ihm dringend benötigt.
Gibt es eine Möglichkeit z.b. via Anpassungen der Templates im Childtheme dennoch zu nutzen bzw. via Shortcodes hineinzubekommen?
Hey hgdouglas!
Thank you for using Enfold.
What do you mean by “scale” animation? Unfortunately, you can’t control the background of the video frame but you can control the background of the wrapper.
#top .av-video-slide.av-video-service-youtube .avia-slide-wrap {
background: red;
}
Cheers!
Ismael
Hi,
You can close this topic.
Regards,
Erwin
Hey!
The function was stated here:
// https://kriesi.at/support/topic/main-the_content-function/#post-735143
The theme is using the get_the_content or the get_the_excerpt function depending on the blog posts settings.
Regards,
Ismael
Hi!
Did you remove the latest modification? We updated the css code above. Please try it again.
// https://kriesi.at/support/topic/mobile-menu-animation-open-from-top-to-bottom/#post-743114
Regards,
Ismael
Hi Rikard,
I want the top menu button ‘Free Loan Pre-Approval’ change to black border, white background and black font colour but not affect the other similar button. Thanks.
Ken
Hi!
Did you place the code at the very bottom of the Quick CSS field? Please remove this one.
@media only screen and (max-width: 736px) {
.avia_textblock pre, .responsive #top #main .products .product {
width: 45.6% !important;
margin: 0 4% 1% 0;
}}
Regards,
Ismael
Hi Erwin,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Try this:
.page-id-1102 .avia-builder-el-0 .container {
padding-top:0 !important;
}
Best regards,
Rikard
Hey missholst,
I think that should be possible, but you will need custom CSS to achieve that look. Please link to the site you are working on if you should need any further help on the topic.
Best regards,
Rikard
Hey laptophobo,
That is fairly new in WordPress and disabling shouldn’t affect any theme functionality, but I think you shouldn’t have to disable it, just try keeping your installation updated.
Best regards,
Rikard
Great work Josue, was looking for this.
I just used it on a website and one add one thing, needs a min width rule to avoid causing issues with overriding the standard mobile menu on mobile devices. The logo was still full sized on mobile without a min rule, plus the navigation was way off screen and un-collapsed. Is un-collapsed even a word?
@media only screen and (max-width: 1150px; min-width: 768px) {
.html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
.html_mobile_menu_tablet #mobile-advanced{display:block;}
}
Also added this to make the mobile nav sticky with the padding being the height I set the Header to under theme options
@media only screen and (max-width: 767px) {
.responsive #top #main { padding-top: 90px!important; }}
Jon
Josue,
I have also been having this problem.
Have the the “Display Pan Control” option selected with this map, but it just isn’t showing up on desktop or mobile
http://www.gogolfwi.com/northeast-wisconsin/
Thanks
Jon
Hi all,
could you please ask Ismael, if he could have another look at his code from this thread: https://kriesi.at/support/topic/product-category-pages-full-width-page-banner-and-description/#post-559611
It works fine, but produces the following php errors:
PHP Warning: Missing argument 2 for avia_woocommerce_parallax_banner_child_theme() in /home/domain/domain.de/html/wp-content/themes/childtheme/functions.php on line 133, referer: http://domain.de/
PHP Warning: Missing argument 3 for avia_woocommerce_parallax_banner_child_theme() in /home/domain/domain.de/html/wp-content/themes/childtheme/functions.php on line 133, referer: http://domain.de/
PHP Warning: Missing argument 4 for avia_woocommerce_parallax_banner_child_theme() in /home/domain/domain.de/html/wp-content/themes/childtheme/functions.php on line 133, referer: http://domain.de/
PHP Warning: Missing argument 5 for avia_woocommerce_parallax_banner_child_theme() in /home/domain/domain.de/html/wp-content/themes/childtheme/functions.php on line 133, referer: http://domain.de/
and he might be able to see the problem right away, I hope.
Thanks, Rikard.
I ended up disabling the “Optimize CSS” option in the Autoptimize plugin that we had running on the site, and that seemed to do the trick. Thought you’d be curious to know!