Hi Diana,
Thanks for the update, I’m glad that we could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Thank you Nikko, it works :)
You can close this topic
Best regards, Sabine
Hello,
In the codes below, twitter works with the old icon. I ask you if we can edit the twitter icon to appear as “X”.
Another issue is that the codes below work very well.
But when I look through GSM, social media accounts are in the center. You can look at the attached photo, is it possible to adjust them so that GSM is on the right side?
—————————————————
@media only screen and (max-width: 990px) { .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
display: block;
}
}
#top .social_bookmarks li {
width: 35px;
}
#top .social_bookmarks li a {
width: 30x;
line-height: 30px;
min-height: 30px;
font-size: 20px;
}
#top #wrap_all .social_bookmarks .social_bookmarks_facebook a{color:#fff; background-color:#37589b; }
#top #wrap_all .social_bookmarks .social_bookmarks_twitter a{color:#fff; background-color:#46d4fe; }
#top #wrap_all .social_bookmarks .social_bookmarks_youtube a{color:#fff; background-color:#ff0000; }
#top #wrap_all .social_bookmarks .social_bookmarks_linkedin a{color:#fff; background-color:#419cca; }
#top #wrap_all .social_bookmarks .social_bookmarks_instagram a{color:#fff; background-color:#f15e78; }
.responsive #top #wrap_all #header_meta .social_bookmarks li.social_bookmarks_facebook a{color:#fff; background-color:#37589b; }
.responsive #top #wrap_all #header_meta .social_bookmarks li.social_bookmarks_twitter a{color:#fff; background-color:#46d4fe; }
.responsive #top #wrap_all #header_meta .social_bookmarks li.social_bookmarks_linkedin a{color:#fff; background-color:#419cca; }
.responsive #top #wrap_all #header_meta .social_bookmarks li.social_bookmarks_youtube a{color:#fff; background-color:#ff0000; }
.responsive #top #wrap_all #header_meta .social_bookmarks li.social_bookmarks_instagram a{color:#fff; background-color:#f15e78; }
Hi BenjaminSpeedtsberg,
I think the reason for the issue you mentioned is caused by this CSS code:
#top.single .container {
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
You will need to make it more specific so it doesn’t affect other areas.
You can target the main area without affecting the header or footer section by replacing #top.single .container with #top.single #main .container
Best regards,
Nikko
Hey OneOfMany,
Thank you for the inquiry.
We may need to inspect the site in order to provide the necessary modifications. Please provide the site URL in the private field.
If you want the header to stick on scroll, please add this css code.
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.responsive #top #wrap_all #header {
position: fixed !important;
}
}
Best regards,
Ismael
Depending on the screen reader, the numbers themselves are either skipped, or read as the starting number.
Tested with JAWS, NVDA and on Firefox with the Read Aloud extension.
NVDA worked properly, but only in a situation where I scrolled down to the section and the animation had concluded before the reader read that section. If that section had not been displayed (because the screen reader doesn’t scroll the page, it reads out “Zero Zero Point Zero Percent.”
So to replicate the issue you would want to have a full height color section at the top of the page to push the animated numbers down.
Hey stephaniebLOS,
Thank you for the inquiry.
You can adjust the H1 element in the Enfold > Advanced Styling panel, or use this css code to override the current style of the post title.
#top #wrap_all .all_colors h1 {
color: #000000;
}
Best regards,
Ismael
Hi,
I first converted your PNG to SVG at this site.
Then I followed the steps in this thread to convert the SVG into a safe SVG
Then I uploaded the SVG to Fontello to make the icon font.
Then I imported the Fontello zip to my Enfold Theme Options ▸ Import/Export ▸ Iconfont Manager
and now they show in my icon element:

I linked to the Fontello zip below that I created for you to try.
Best regards,
Mike
Hi,
Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hello,
I already replied to your question here: https://kriesi.at/support/topic/mail-link-on-the-header-bar/.
Regards,
Yigit
Hi Yigit, unfortunately I did not receive any further details. He told me that he tried several solutions but he failed to solve the problem. It is certainly something that depends on the interaction of the mansory gallery code on mobile since it does not cause problems on desktop (and not problems with images in traditional wp galleries). If it helps I can send you the plugin.
#custom_html-12 {
width: 40px;
z-index: 99;
}
@media only screen and (max-width: 767px) {
#custom_html-12 {
position: fixed;
top: 0;
padding-top: 20px;
}
}
This is your code. This is the result. How to change?
Hello,
I already replied to your thread at https://kriesi.at/support/topic/mail-link-on-the-header-bar/#post-1420268.
Please be aware that we are not going to provide customization services just because you start new threads.
Regards,
Yigit
It’s there :-) Top line in private content ^^
Hi, how to perfectly align the logo (email) mirroring the burger. Both perfectly centered, both on mobile and desktop.
And put them at full screen size. Check now.
Hi,
Thank you for the update.
How can I upload images so that they have a universal size
This is not possible because, as mentioned earlier, the images automatically resize based on the slider’s dimensions and the screen resolution of the viewer. The slider will maintain the images’ aspect ratio, but the size will vary across different screen sizes.
A workaround is to add another slider and upload images specifically resized for smaller screens, such as phones and tablets. Then, toggle the Advanced > Responsive > Element Visibility settings to control the display of each slider on different screen sizes. This way, you’ll have a dedicated slider for desktop and another for smaller screens.
When we checked the site above, the size of the slider images is 1200x628px. Please provide screenshots of the issue using platforms like Savvyify, Imgur or Dropbox.
Best regards,
Ismael
LionGuest
Hi Yigit ,
Unfortunately, the well-known WP Content Copy Protection & No Right Click plugin has problems with Enfold. It protects images correctly on desktop but on mobile devices (iOS) you can still save images.
You can notice the problem on one of the pages of my site, for example here: (link in Private Content), where the images of the mansory gallery on desktop cannot be downloaded while on any mobile device iOS is possible to save them.
The plugin developer says the problem is enfold’s mansory gallery, and he can’t fix the problem. Can you take a look at this to possibly fix the problem within enfold?
Thanks in advance….
Lion
I’ve done it and it’s working now. But, is there any way I can have Autoptimize plugin enabled and Enfold Performance File compression too?
Hallo Enfold-Team,
wo kann ich in der mobilen Version einstellen, dass die Schriftgröße etwas kleiner angezeigt wird?
Mein Entwurf (offline) zeigt auf der Desktop Seite eine große Schrift, die in der mobilen version jedoch zu groß anzeigt wird.
Für eure Antwort bedanke ich mich schon mal im Voraus
English
Where can I set in the mobile version that the font size is displayed slightly smaller?
My design (offline) shows a large font on the desktop side, but it is displayed too large in the mobile version.
Thank you in advance for your answer
Hey neotel2k,
Thank you for the inquiry.
We found the following error in the console but we are not yet what is causing it because the files are compressed. Please disable Autoptimize compression temporarily, and make sure that the Enfold > Performance > File Compression settings are also disabled.
Uncaught SyntaxError: Invalid regular expression flags
Best regards,
Ismael
It looks right!
There is just 2 issues with this.
– The top banner and footer is now full width on posts.
– And on mobile devices, the menu is full width.
Maybe this is not possible? I saw that the image are under the content element on mobile, so as far as I see, the image element is only possible to style full width, if everything else is styled full width.
On desktop, the image is separated from the content, and therefor possible to style.
Hey Dzimnikov,
Thank you for the inquiry.
You can use this css code to adjust the position of the image for smaller screens.
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
#top .av_slideshow_full .av-lmy2017r-6f332ec5b1caff086e271debf2f4483e__0 img {
border-radius: 0px;
left: -100px !important;
}
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
Ismael
Hi, need help on this page: https://mygolfcoaches.com/about-our-developer/
I have a Fullwidth Easy Slider at the top of the page, but the golfers in the picture are all the way to the left. Since the image is centered, you cant see the golfers really on mobile. I’d like to change the position of the background to left, so that you can see those golfers on mobile.
I tried doing it with CSS, but I can seem to find the identifier that regulates the background image of that first slide.
Appreciate your help,
-Daniel
Hi,
I reviewed the code in the pastebin and it looks like the code was doubled, and this was noted in the other thread, so I removed the extra code and also commented out the extra line:
content_wrap.avia_swipe_trigger( {prev:'.av_prev_tab_section', next:'.av_next_tab_section'} );
and now the 4 icons are showing at the top in a grid instead of off the screen,

so if you are not seeing it like this then clear your cache or open a private window until you do.
If for small screens you want the 4 tabs to be in a single row, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 430px) {
#top.page-id-196 .av-section-tab-title {
padding: 1px 2px 0px 2px;
}
#top.page-id-196 .av-tab-section-icon {
font-size: 20px;
}
#top.page-id-196 .av-inner-tab-title {
font-size: 10px;
}
#top.page-id-196 .av-section-tab-title {
width: 25%;
}
}
this is the expected results:

Best regards,
Mike
Thanks a lot, you can close this topic.
Hi
On the author page the following code is showing
dit_users’ ) || get_current_user_id() == $author_id ) { $description .= ”
” . __( ‘Edit the profile description here.’, ‘avia_framework’ ) . ”; } } /** * Filter final output of author description or skip completly * * @since 4.7.5.1 * @param string $description * @param string $description_ori * @param int $author_id * @return string|false false to skip output completely */ $description = apply_filters( ‘avf_author_description_loop_about’, $description, $description_ori, $author_id ); if( false === $description ) { return; } echo ‘
‘author’, ‘echo’ => false ) ) . ‘>’; echo “{$gravatar}”; echo ”
“; echo “<{$heading1} class=’author-title {$css}’>{$heading}”; echo ”
‘description’, ‘echo’ => false ) ) . ‘>’ . wpautop( $description ) . ‘
‘; echo ”; echo ‘
‘; echo ‘
‘;
I have disabled all plugins and it still shows so I think it is coming from the theme, could somebody advise please?
When a contact form is submitted it is not going to the address it is being submitted too. So we are not sure what is happening to the emails. What is stopping out emails and how can we get them to flow through?
Hey mustafa-alani,
I believe that you will need to add some code to the end of your child theme functions.php, please see this thread.
But I believe that to change some of your layout you will need to use a plugin like WPML, please see our documentation
When you use the plugin it changes the them admin panel so that each language can have a different layout, so in one language the logo can be on the left, and in the other it will be on the right, and the footer widget columns can be to opposite to each other. This is not done via RTL language files, they only change the text so it you also want to change the layout you will need to manually do so.
Best regards,
Mike
Hey tremblayly,
It looks like the inner elements are missing from the quantity field, I’m not able to reproduce this on my test site, first check that your woocommerce is up to date and then try deactivating your child theme and see if you still have a issue, perhaps it is due to a customization in your child theme.
If you have a header.php or footer.php in your child theme please remove these, they are the top reason for error after updating, otherwise include admin login to your staging site.
Best regards,
Mike