Dear Support Team,
Please, could you help me to figure out how to make elements sticky on the page?
Well, I have large text on the page which contains several blocks. These text blocks are separated by headers. So, I’d like to make these headers sticky while reader scrolls the text. This is to have header in the top for a text block which is currently scrolled to. I found a plugin Sticky Elements (http://sticky-element.com/) which realizes this functionality but I cannot use it because there is no div id field for elements now (I’m sure that I saw them in previous versions of Enfold theme).
Please, could you advise?
Thank you!
Hey mgulge!
Please take a look here
and let us know if we can do anything else for you.
We will be happy to help further
Best regards,
Basilis
I refreshed the browsers. It looks fine in Firefox. In Safari and Chrome the button is off to the right. See screen shot below. The top button is fine. The bottom one is off to the right. Thank you.
Hola!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .social_bookmarks li a {
font-size: 16px;
}
Best regards,
Yigit
Hi Rikard,
thanks for your quick response. We got two pixels from ResearchGate, one for landing page (home page) and one for our thank you page (for submitting a session proposal). I understood that both pixels should be placed between <head> and </head> tags. I tried adding them to the code block element like you suggested. Once we did that, ResearchGate sent us a test link and after a dummy submission they told us that the thank you page pixel works fine but the landing page pixel does not.
Is this because I put the code block as the first element on the page on thank you page but not on the home page? The reason why I didn’t put the code block as the first element on the home page was that it made an extra white space between our menu bar and our Fullwidth Easy Slider. I didn’t know how to prevent that from happening. On thank you page the extra white space was not a problem.
I removed the non-working pixel from our home page (code on the private content of this message). Is there some way to put the code block on top as the first element of the page – if that is the key issue here – without adding the white space between menu bar and the slider? Or do you have some other suggestions what I should do?
Best regards,
Pia
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
body .av-special-heading.blockquote .special-heading-border {
display: block;
position: relative;
overflow: hidden;
margin-left: 25%;
top: -22px;
}
Best regards,
Yigit
I had a problem and had to roll it back…but yes, updating did not fix the favicons
add_action(‘after_setup_theme’,’avia_remove_main_menu_flags’);
function avia_remove_main_menu_flags(){
remove_filter( ‘wp_nav_menu_items’, ‘avia_append_lang_flags’, 20, 2 );
remove_filter( ‘avf_fallback_menu_items’, ‘avia_append_lang_flags’, 20, 2 );
remove_action( ‘avia_meta_header’, ‘avia_wpml_language_switch’, 10);
}
and also it made all the flags appear in the top bar DESPITE me adding this to the functions file
any ideas, seems I can’t update at the moment…
Hello,
we have the following problems, maybe caused by an update – it had worked properly when we started with the theme.
1) We can not drag anymore the fullwidth slider from the media elements into the 1/1 layout element.
2) Maybe a problem with one computer, but we don’t know how to solve it. Eventually you could give us an advice:
Text fields can not be edited any more on one computer (they seem to be empty) whereas it is possible on another. On the frontend the text is visible.
Example: /wp-admin/post.php?post=389&action=edit
In the meantime we tried the following, but no changes:
– updated WP, Enfold and plugins to ist latest versions
– deactivated all plugins in order to find any conflicts with Enfold Theme
– added code to functions.php as described here: https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/
Thanks & best regards
Hi
I’ve added my comment into that post but I am not sure if you are checking old comments in that reason I am starting with new topic.
I followed your tips but when I try to edit child theme I cannot find that code tribe_etp_move_tickets_purchase_form('ava_after_main_title', 10);
Should I modify child to to work with WooCommerce and Event Tickets Plus (Modern Tribe)?
If yes, please help with manual, thank you a lot
I need to use advance layout builder
Thank you in advanced
Hi Andy,
it’s not the cropping that’s the problem, the problem is that the banner is appearing as a default at the top of the category and I don’t want it there. I have to have the default image in a product category so I can’t take it out… but now it appears at the top of the category aswell.
hi enfold-team, i want to use the Source Sans pro an have done this:
/*
* new font in the enfold font-menue: https://kriesi.at/support/topic/new-custom-font/#post-121900
*/
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Source Sans Pro'] = 'Source Sans Pro:200,300,600,900';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Source Sans Pro'] = 'Source Sans Pro:200,300,600,900';
return $fonts;
}
Selected is:
– Heading font: Source Serif Pro
– Defines the Font for your body text”: Source Sans Pro
Now the menue has no bold style anymore and the p-text is very, very thin.
When i try to give them a weight of 600 (via Browser-Style or css), the text is reacting only very minimal.
How can i control the font-weight?
Hi,
I can’t find the menu in question anymore, but we need to be able to inspect the elements in question, to be able to support you. Can you provide us a precise link please?
Try my code and add an !important into it:
#top #header .avia_mega_div > .sub-menu {
padding-right: 80px !important;
}
Best regards,
Andy
Hi,
let’s stay on one example first. So please provide us admin access, to the website mentioned in private content, so we can take a closer look into it.
Try to add an !important to the code:
#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
color: red !important;
}
Best regards,
Andy
Hi Basilis
Thank you very much for the swift reply.
You’re right it was a plugin problem, caused by the plugin “Autoptimize”.
Thank you now it seems resolved.
All the best,
R
I could fix it
I had the code on custom css
#top .avia-fullscreen-slider .av-video-slide.av-video-service-vimeo iframe {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
activated. I delete it. now its perfect
HI,
How can I achieve an effect like this:http://www.hyeres-tourisme.com/
I mean the transparency effect in left top corner.
Thanks
EdParticipant
Hi,
I’ve followed these instructions: https://kriesi.at/support/topic/contact-form-widget-for-sidebar/
With no avail. The form is not sending any email.
Ive inserted forms in a footer widget and in a sidebar
What could be happening ?
Thanks
why did you use the custom.css ?
on the majority of all cases the quick css will do the job too!
if the code above works for you only insert the .home class ( you see just behind #top : #top.home ) that is the specific code for homepage.
if you only wants to have it for landscape see mediaquerie above
aha : there comes a class with small screens:
@media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
.responsive #top.home .no_margin.av_one_third {
width: 33% !important;
}
}
if you take the code globaly :
.responsive #top.home .no_margin.av_one_third {
width: 33% !important;
}
it works ! you have to find the settings for your landscape option – try to insert that code first and see if it works globaly for your homepage
Hi Yigit,
thank you. Both pages are fine now. But I am sorry. Unfortunately other pages lost their opacity:
Profil:
Accordeon has no opacity anymore.
Betriebliche Sozialberatung:
Three fifth column and two fifth column have no opacity anymore.
Gesundheitsförderung:
Both two half columns have no opacity anymore. Images here should be exempt from opacity.
Best regards,
Rolf
Hi there,
i made a color section on top of the page, height 250px, added custom background image and enabled parallax scrolling. Yesterday evening it worked perfect. Today morning, as i look at the page, the background image spreads over the whole content of the page.
Example: http://firex.werbeimpuls.at/brandschutz/
I tried to resetup the color section, also to use different image size etc. Nothing worked.
Thanks in advance for your help!
Kind regards
Patrick
can you please try this :
@media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
#top.home .no_margin.av_one_third {
width: 33% !important;
}
}
you have to play yourself with these values a bit. i can not simulate it via Firebug or something like this for iphone or ipad – you have to set the rule first and than we will see.
if you want it globaly get rid of the orientation: landscape
the min-width should be corrected and the max-width perhaps if you like to set rules for tablets too.
-
This reply was modified 9 years, 5 months ago by
Guenni007.
Hi, Yigit!
The first option I had to disable Sticky Header logo goes on the menu
View post on imgur.com
In the mobile version of an additional logo menu closes
View post on imgur.com
How to make the logo above for more menu at the top?
Thanks for your reaction Ismael.
unfortunately it does not work the way I would like it to work.
The way it was before I asked my question here:
On pc the logo disappeard when scrolling down.
On tablet the logo shrinked when scrolling down.
My question was how to make the logo disappear on tablet.
When Yigit changed the code, the logo went missing on pc and tablet.
When you changed the code, the logo was present on pc and tablet and on both devices the logo shrinked when scrolling down.
So, now I restored the css code that Bas Smits (participant) gave me on another topic I posted here (https://kriesi.at/support/topic/mobile-header-issues/). When I first added this code, the logo on pc disappeard when scrolling down. On tablet the logo shrinked. Now I restored the code but strangly the logo only shrinks and does not disapear anymore on pc and on tablet.
Can you please check one more time if you can help me? If it is not possible to let the logo disappear on pc as wel as on tablet when scrolling down, then my priority is to go back the way is was: logo disapear on pc and shrink on tablet when scrolling down.
Thanks!
Hey lunatrix,
Please try adding this at the very end of your themes / child themes functions.php file:
// Scroll to div
function scrollToDiv(){
?>
<script>
jQuery(document).scroll(function() {
var sections = jQuery('.avia-section'),
menu = jQuery('a[href^="#"]');
menu.on('click', function(event) {
var target = jQuery(this.getAttribute('href'));
if( target.length ) {
event.preventDefault();
jQuery('html, body').stop().animate({
scrollTop: target.offset().top - 200
}, 1000);
}
});
});
</script>
<?php
}
add_action('wp_head', 'scrollToDiv');
If yous till have any issues Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
Vinay
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #s {
border: 1px solid #000;
}
Best regards,
Vinay
Hi,
Did they tell you exactly what’s causing the link to disappear? This is the html markup of the share container. You can see that there is no actual link so it’s not hidden, it is not rendered in the page.
<div class="enmse-copy-link-box" style="top: 566px;">
<h4>Copy and share the link below:</h4>
<a href="#" class="enmse-copy-link-done">Okay, I'm Done</a></div>
Please note that we don’t provide support for third party plugins as stated on our support policy. https://kriesi.at/support/register/#av_section_2
Best regards,
Ismael
Hi guys
Can you advise me on something please?
I would like to gain a small advantage by using my CDN (KeyCDN) to serve Google Fonts instead of calling the Google API (fonts.gstatic.com). This may have marginal speed advantages when I switch to HTTPS as I can enable HTTP/2 to make one less DNS call. As I already serve from my CDN it makes sense to serve the fonts from there too.
Apparently once placed in a root directory (done and with the correct cdn zonealias URL) I need to make a CSS to point to the CDN to serve the fonts. Fine, I have that CSS in two notepad files ready to go.
But, and here’s the question (eventually), can you advise me where to place the style-sheet within the theme? If I call it ‘fonts’ (or similar) then I must have to tell the theme where to call this from right? This is where I get a bit stuck so please bear with me.
This is from your forums on turning off Google fonts within the theme https://kriesi.at/support/topic/remove-google-web-font/ – is that the right thing to do? I just don’t know where to put the new CSS file and then how to point the theme to tell it where to pull the fonts from.
This has the information I have been following: https://www.keycdn.com/blog/google-fonts-cdn/
Hope you can help?
Kind Regards
Ed
-
This topic was modified 9 years, 5 months ago by
Swarez.