Hey Jasmer!
1- They show up fine on my end
2- They do not show up in mobile menu because they are white :)
3- Please add following code to Quick CSS
a#advanced_menu_toggle {
display: none!important;
}
.responsive.html_header_top.html_mobile_menu_tablet #header_main .social_bookmarks {
display: block !important;
}
Best regards,
Yigit
see the link in the private content – look at the top menu the Ways to Give button.
Hi,
I have a a header with a main menù on right and Logo on left. I add also a secondary menù at the top, but I want that the logo is on the top of the page. I do this with the code
.logo {
margin-top: -31px;
}
But the image of logo is under the secondary menu. How can I move it over secondary menu?
Another problem. In home page there is a color section with a background video, so the menù are transparent. It is ok for the main manu, but I like that the secondary menù have a background color.
Thanks for help
The slider is the one at the top here,
http://www.manic-expression.com/
I’ve gotten sick of trying, the thing won’t load in the page editor, I need to update the images but it won’t let me, where should I be able to find the code for the slider so I can edit it manually in my file manager?
Hi,
I am trying to overlay a contact form on top of a slider using the Enfold theme, is this possible?
Thanks
Hi Ismael,
The other thread is about portfolio.php. I modified masonry_entries.php by removing:
if(!isset($term_count[$term->term_id])) $term_count[$term->term_id] = 0; (line 472)
However, I still don’t get the empty catery (Bridges) at the categories menu at the top.
If you could please help.
Many thanks
Panos
Hi,
the first code worked with !important.
The second code did not work.
I could reduce the space under the label with this code i found
.avia_ajax_form label { margin-bottom: 0px; margin-top: 0px; }
but i still need a little more space reduced.
Thanks
Works! However, for some reason the background of the header is no longer transparent.
I had to alter the code within this css snippet to make it so that it was no longer fixed, but when I did so, the transparency disappeared:
@media only screen and (max-width: 1100px) {
#top #wrap_all .av_header_transparency {
background-color: transparent !important;
position: scroll !important;
}}
I changed the position from fixed to scroll. Could you please help me with this?
Hi. I followed the instruction on this thread: https://kriesi.at/support/topic/show-parent-page-above-nested-subpages-in-sidebar-navigation/ but the parent is not hyperlinked like the children are. How can I make the Parent active?
Thanks!
Hi Rikard, thanks for your reply! There is text and copy in the dark / dark green areas between the light-brown scrolls, which is supposed to show just on the scroll. If you compare it to what you see on a desktop or laptop it will be obvious because the formatting and spacing has gone all weird with the responsive version.
Let me know if you will still need a mobile screenshot.
Cheers!
Hi there,
I’ve gone and changed the header style to a color section instead. It looks better, but now it’s a bit too big in mobile. Is there a way to reduce the top and bottom margins in mobile only for color sections?
And I added both these scripts in my functions.php file as you can see below. Changed the category ID-s. But I see only one slider appearing under blog post? How can I have 2 of them with titles before each slider? As you can see, only one slider: http://www.oot-oot.com/en/nordic-lifestyle-blogs-read/
These are the functions I included as you recommended:
add_filter(‘ava_before_footer’, ‘ava_after_main_container_mod’, 20, 1);
function ava_after_main_container_mod($the_id) {
if(is_singular(‘post’)) {
$output = ‘<div id=”single-post-slider” class=”avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize”>’;
$output .= ‘<div class=”container”>’;
$output .= ‘<div class=”template-page content av-content-full alpha units”>’;
$output .= do_shortcode(“[av_postslider link='category,1,32,133,102,120,33,118,14' columns='4' items='8' offset='no_duplicates' contents='title' preview_mode='auto' image_size='masonry' autoplay='no' interval='5']“);
$output .= ‘</div>’;
$output .= ‘</div>’;
$output .= ‘</div>’;
echo $output;
}
}
add_filter(‘ava_before_footer’, ‘ava_after_postslider_container_mod’, 20, 1);
function ava_after_postslider_container_mod($the_id) {
if(is_singular(‘post’)) {
$output = ‘<div id=”single-post-slider” class=”avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize”>’;
$output .= ‘<div class=”container”>’;
$output .= ‘<div class=”template-page content av-content-full alpha units”>’;
$output .= do_shortcode(“[av_postslider link='category,100,140,139,136,138,172,171,170,169,168,137' columns='4' items='8' offset='no_duplicates' contents='title' preview_mode='auto' image_size='masonry' autoplay='no' interval='5']“);
$output .= ‘</div>’;
$output .= ‘</div>’;
$output .= ‘</div>’;
echo $output;
}
}
-
This reply was modified 10 years, 2 months ago by
masuurikas.
Hi,
Try this as well:
.sidebar {
padding-top: 0 !important;
}
Regards,
Rikard
Hey!
Yes, that’s it and adjust the “links” or category ids parameter in the shortcode. This part:
link='category,1,32,133,102,120,33,118,14'
Or you might want to use the product slider instead. Example:
[av_productslider columns='3' items='9' offset='0' sort='0' autoplay='no' interval='5']
Regards,
Ismael
Hi!
I’m sorry but the login credentials are still not working. Please check it. Make sure that you add the code at the very bottom of the Quick CSS field:
@media only screen and (max-width: 989px) {
.responsive #top #main .sidebar {
display: block !important;
}
}
Regards,
Ismael
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi,
Not sure what you mean by that, did you get your problems fixed? Please let us know if you should need any more help on the topic.
Thanks,
Rikard
Thanks! Two issues.
1. The Instagram plugin packaged with Enfold is broken. As you can see in the screenshot, even after all the CSS we used the spacing and placement is off. This plugin is buggy. I’ve also looked at it on the Enfold demo page and the same problems are present. Please let Kriesi know.
https://dl.dropboxusercontent.com/u/1049926/Screen%20Shot%202016-01-31%20at%2011.56.51%20PM.png
2. How do I raise the Twitter block closer to the Twitter title? I tried the code below but it will only work by making the space larger. It won’t work in making the space smaller.
iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered
{
padding-top: -10px !important;
}
Hey!
Are you referring to the login / register button? They look “orange” on my end.
We added a custom css class to the column where the “laptop” is located and then added the following code inside the existing css media query:
.lv_laptopimagehome { display: none !important; }
Cheers!
Ismael
Hi Tine,
Please try the following in Quick CSS under Enfold–>General Styling to hide it on mobile:
@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
display:none !important;
}
}
Regards,
Rikard
Ismael,
I already hired somebody. But the problem is in the theme he told me. Please stop telling you are on the wrong file server, you’re on the right server. Try to make an change in the stylesheet of the child-theme.
Regards,
Kees
Hey!
1.) Yes, you can duplicate the code but you have to change the function name.
2.) Please change this line:
$output = '<div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize">';
.. to:
$output = '<div id="single-post-slider" class="avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize">';
Add this in the Quick CSS field:
single-post-slider {
margin-top: -100px;
}
Best regards,
Ismael
Hi!
The magazine element do not support link format by default. You have to modify the theme files in order to enable the link format. Please refer to this link: https://kriesi.at/support/topic/enfold-magazine-post-with-link-format-does-run/#post-435156
Cheers!
Ismael
Hi,
Please try the following as well:
@media only screen and (max-width: 767px) {
.responsive.html_header_top #header_main .social_bookmark {
right:0px !important;
}
}
Best regards,
Rikard
Ahoy –
I’m trying to add 2 google fonts to enfold but when I add these functions twice things get haywired…
I’m using this post
https://kriesi.at/support/topic/add-new-font/?login_error#post-234710
I’m trying to add Sans Source Pro and Noto Serif
Please advise
Hi,
Try the following CSS as well:
body .column-top-margin {
margin-top: 0px !important;
}
Regards,
Rikard
Hi metamorfic!
Thank you for using Enfold.
Please add this in the Quick CSS field in order to display the language switcher:
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
display: block;
}
nav {
display: block;
}
.av-main-nav li {
display: none;
}
#top #avia-menu .av-language-switch-item {
display: block !important;
}
}
Best regards,
Ismael
Hi,
Try the following as well:
.av-instagram-pics.av-instagram-size-thumbnail {
padding-top: 15px !important;
}
Best regards,
Rikard
Hi,
Great, glad you found a fix and thanks for sharing! Please let us know if you should need any more help on the topic.
Best regards,
Rikard