Hi!
We are working on your ticket please wait while we update the results here soon.
It has been corrected with updated below below code
/* Change logo width in desktop*/
@media only screen and (min-width: 769px) {
.av_header_transparency .logo img {
width: 400px!important;
height: auto!important;
}
}
Best regards,
Vinay
-
This reply was modified 10 years, 2 months ago by
Vinay.
Hi Vinay !
So, I tried step by step in order to know for sure what was my issue, and so it seems that after updating Enfold theme and exchanging the query.php file with the one provided on the mentioned thread did the trick and I got my portfolio back on track without having to update the post slider.php file.
I thank you for your time as I clearly haven’t made it easier for you… (Sorry ’bout that).
Just to be sure, does my topic will be available even if you tag it as closed ? I’d like to have a backup plan of the solution in case it appears again for whatever reason.
thanks again !
M
So I got it to work once I put back the:
/*Add your own styles here:*/
at the top of the child theme’s style sheet. Initially I put the css between the the symbols. You can close this topic, hopefully it helps others! :)
Hi Andy, thanks for the code. Yes, you are right what we really need is the extra overlay, not reduced opacity — just like what you have in the background settings of a color section. You give the option for video or image, and there’s a tab for overlay. It’s a very nice feature. We want to achieve that same effect in a cell, with the text on top at full opacity so it stands out. Sounds like that is not possible here but thanks for checking. Yes, we create separate images in photoshop. Curious, might this overlay option be added in a future update? Thanks for your help. Jen
Hello! I am having the same problems as in this thread here: https://kriesi.at/support/topic/css-is-not-working-after-moving-to-child-style-css/
Since I have so many customizations I wanted to move the styles from the quick CSS into the child theme’s css. For some reason, when I move them over, they don’t work. I took a look at the page source files and there is a css file in the child theme with all of my CSS edits, so not sure what the issue is here! I’m also using the “important” tags for some of the codes as well ( suggested in the thread ) Another note: all of the CSS styles listed were functioning correctly in the quick CSS before I moved them over to the child theme css. Perhaps I didn’t create the child theme correctly?
Thanks in advance.
Hey!
Sorry about that Alexander, misunderstanding for sure :)
Please edit one of your blog posts and then click “Screen options” on the top right corner and check “Excerpt” and then scroll below your blog content and add Excerpt manually :)
Best regards,
Yigit
Hey!
versuche es hiermit:
#top .header_color.av_header_transparency a span.avia-menu-text {
color: white;
}
Gruß,
Andy
Hi:
I have managed to delete the flags from the language switcher with this css: #header_meta .avia_wpml_language_switch { display: none; }
Now I have a text-only dropdown the way the clients wants, and I have a question now about styling the dropdown from the secondary menu, (top,) without affecting the style of the dropdowns in the main menu which have the correct width.
If you look at – https://ilovetylermadison.com/home/ (password=upscec) – you can see the dropdown for the language switcher, “EN”, is too wide. I would like to style it at 50px wide without having the dropdowns from the main menu be affected. I can style it, but is affects all the menus. I need to style just this secondary menu’s dropdown width.
Can you point me to the correct CSS for that?
Thank you.
Thanks Vinay!
Not sure if this helps but I needed to check a few layout issues on my iPad and I noticed that the Active state for the Full Width Submenu works great. For whatever reason it just won’t work on desktop/laptop.
Hey!
We are working on your ticket please be patient we will update the results here soon.
The theme support highlighting of the main menu items to add the highlight menu feature to the secondary menu we will do the following.
1. Add unique ID’s and Class to each Color Section
2. Create new menu and add color section #ID’s to the menu items.
3. add a code block in wordpress functions.php
4. Add CSS styles for active menu in Enfold > General Styling > CSS
1.
Add a class name “one-page-nav” and unique section ID “section1” to each color section. These ID’s will be same for each menu item that we link to these sections.

2.
Add a menu in Appearance > Menu
Click on “Screen Options” on top right and select “CSS Classes”


Add unique section #ID’s as menu links and for the active menu add CSS class “active-menu-item” (add this class to the first menu item)

3.
Add the following in Appearance > Editor > functions.php
add_theme_support('avia_template_builder_custom_css');
function activateMenuItem(){
?>
<script>
jQuery(document).scroll(function() {
var sections = jQuery('.one-page-nav'),
menu = jQuery('#menu-onepagenav'),
nav_height = menu.outerHeight();
jQuery(window).on('scroll', function() {
var cur_pos = jQuery(this).scrollTop();
sections.each(function() {
var top = jQuery(this).offset().top - 300,
bottom = top + jQuery(this).outerHeight();
if (cur_pos >= top && cur_pos <= bottom) {
menu.find('a').removeClass('active-menu-item');
menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
}
});
});
});
</script>
<?php
}
add_action('wp_head', 'activateMenuItem');
4.
Add CSS styles in Enfold > General Styling > CSS
.active-menu-item {
/* Your css styles for active menu item*/
background:gold!important;
}
If you don’t see the options to add class please enable custom class options in the theme
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Cheers!
Vinay
-
This reply was modified 10 years, 2 months ago by
Vinay.
I need to reopen this thread: https://kriesi.at/support/topic/remove-recommended-youtube-videos-from-lightbox-view/#post-574076
I need to remove the recommended videos that youtube adds to the end of the video.
I have loaded the plugin that was suggested (https://wordpress.org/plugins/hide-youtube-related-videos/) and it works great across the site, however it does not seem to work with the Fullwidth Easy Slider. Is there a compatibility issue?
Thanks!
https://kriesi.at/support/topic/get-menu-logo-and-menu-iteam-to-the-end-of-the-content-area/
how can i change the footer. how can i change the position of the copyright and the menu iteams in the footer like in the header?
Hi!
try this code in Quick CSS field:
#menu-item-4013 {
height: 30px;
top: 28px;
}
#menu-item-4013 span.avia-menu-text {
position: relative;
top: -30px;
}
and adjust as needed.
Best regards,
Andy
The reason this happens is most likely because the header css changes to relative on mobile, but the fullscreen slider is still measuring your device’s entire viewer window instead of subtracting the space your header takes up. If you change the header css to be absolute, the dimensions of the fullscreen slider should match those of your device.
Caveat: This will “hide” the top part of your slider image behind the header.
If your breakpoint is not the standard 768 like below, change it to whatever your breakpoint is.
@media only screen and (max-width: 768px) {
.responsive #top #wrap_all #header {
position: absolute;
}
}
Hi!
I think it’s the same issue some other customers have reported to us. Actually it’s more about a WordPress issue and it seems that we need to wait for the new WordPress version. Until then refer to this:
https://kriesi.at/support/topic/pagination-not-working-after-wordpress-4-4-1-and-enfold-3-4-7/#post-565212
Cheers!
Andy
I read this thread : https://kriesi.at/support/topic/video-to-play-from-an-icon/
and used the following URL structure to get my youtube video to play in a lightbox:
https://www.youtube.com/watch?v=VIDEO-CODE
worked like a charm, but I want to remove the recommended videos that YouTube displays at the end of the video.
Adding ?re=0 to the end of the URL is not working, I am assuming because I need /embed/ in the URL.
Do you know how I can get the video to play in a lightbox and not have the recommended videos show at the end?
Thanks!
Hey diefleischerei!
Please add following code to Quick CSS
#after_section_1, #after_section_2, #after_section_3, #after_section_4, #after_section_5, #after_section_6 {
border-top: none !important;
}
then edit your color section element and choose not to display border
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: 767px) {
.responsive #top #main .sidebar {
display: block;
}}
Regards,
Yigit
Hi!
Please change the last code i posted to following one
#main .container_wrap_first .container {
background: white;
border: 1px solid #e2e2e2;
border-top: none;
}
#main .container_wrap_first {
background: #f2f2f2;
}
.inner_sidebar {
margin-left: 10px;
}
Regards,
Yigit
Hi!
Please add following code to Quick CSS as well
#header_main_alternate {
margin-top: -50px;
}
Cheers!
Yigit
Hey!
Can you please change the code to following one
@media only screen and (min-width: 1024px) {
#header_meta {
margin-top: -31px;
}
nav.sub_menu {
top: 75px;
position: relative;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 139px !important;
}}
Changes would be applied on desktop. Better solution in my humble opinion since smaller screensizes do not have enough space in header when header meta section is removed.
Best regards,
Yigit
Hey!
@mmcc Your code is currently as following
@media only screen and (min-width: 767px)
@media only screen and (max-width: 990px)
.only-desktop {
display: none !important;
}
Seems like you forgot to close first media query. Please make sure that your media queries are as following
@media only screen and (max-width: 990px) {
.only-desktop {
display: none !important;
}}
If you would like us to look into it, please create a temporary admin login and post it here privately (again, the OP would see, so we recommend you to start a new thread in this case )
Regards,
Yigit
Hi!
Please add following code to Quick CSS
#header_meta {
margin-top: -31px;
}
nav.sub_menu {
top: 75px;
position: relative;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 139px !important;
}
Than refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ to add widget area to your header and place your buttons inside a widget. You can also edit your secondary menu and add your buttons as menu items and customize them using menu item ID’s. If you need help with it, let us know! :)
Regards,
Yigit
Yigit,
is the first grid on top with the pictures.
Yigit, I tried it and works great on ipad size, hides the elements, but then in small screen size (small mobile) it shows the element again, stacked. Any idea why?
using it on a grid row
@media only screen and (max-width: 990px) {
.only-desktop { display: none !important; }}
Monica
Hey marcelhochman!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .av-logo-container .social_bookmarks li a {
color: white;
}
Cheers!
Yigit
The thumbnails are now inactive with :
#top #wrap_all .ajax_slide .avia-gallery-thumb a {
pointer-events: none;
}
Cheers
Julian