Hi bardinidavide!
Please take a look at the post here
https://kriesi.at/support/topic/custom-js/
Ismael describes the steps exactly.
Thanks a lot
Regards,
Basilis
Hello, I have some problems with MOBILE (iphone 6) and Tablet Sansumg TAB 8.
1 –
I use BG in Colorsection and a table with text overhead. On the desktop it loads perfect. In Mobile the BG COLOR SECTION image is above the text.
2 –
In mobile the formatting of the text changes, not being proportional to the screen. The text block is huge. You have to keep the proportion on the screen.
How to avoid this?
It is necessary that you observe in the 2 environments.
LINK
(http://www.rainhacinema.com.br/rainha1/home-2/)
Hi Basilis,
this time your answers were not really helpful.
1) “The color section is making a full width, so it can not work with a sidebar.”
-> You don’t know any alternatives? In the meanwhile I found one … using a customerdefined Widget Area instead of the sidebar! Better than nothing and I can use a colorsection AND place the menue at the right top!
2) “The option is not selected and saved on the backend, so not visible”
-> ??? I selected another page as “parents” and think that was the mistake because there was displayed a second name of the menue in the sidebar.
3) “You can adjust from the theme options panel.”
-> Yes, but it does not work! And css also does not change the width.
Cheers,
Nic
Hi, for some reason this css hack does no longer work
– the pencil icon, category and comment count are again displayed, but i did not change the css.
the CSS in the quick edit box is:
/* this removes the rounded box with pencil on single blog entries and blog overview */
.single .blog-meta { display: none !important; }
.rounded-container .iconfont, .small-preview .iconfont { display: none;}
.template-blog .blog-meta, .multi-big .post_author_timeline, .single-small .post_author_timeline { display: none; }
#top .fullsize .template-blog .blog-meta {
display: none !important;
}
/* this removes the comment count on blog overview */
#main .minor-meta.comment-container,
#main .text-sep-comment{
display: none;
}
/* make single blog post width biggger */
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }
#top .fullsize .template-blog .post-title { max-width: 100% !important; }
do you have any idea how i can get it to work again?
Hello Nikko,
I understand, thank you very much for your support.
No more questions related to this, you may close this topic.
Best Regards
Asterios
Hello Nikko,
Thanks, looks good from my desktop and mobile view, what was the problem? current font weight was displayed somehow differently in the new updated Enfold theme?
Thanks.
Thank you for the information, the desktop value is correct, but the “Mobile-Insight” is getting more and more important and our marketing team is keeping a very close eye on this issue. It’s “only” about the JS- and CSS-ressources “above the fold”! I’m aware that changing this is almost an open heart surgery.
I just wanted to let you kow that we are thinking about migrating to another theme/CRM if this gets more serious in the medium-term! And i would be surprised if we are the only ones concerned.
Hey!
I have replaced the code I gave you to this one:
@media only screen and (max-width:1024px) {
#top.page-id-174 #wrap_all .ls-wp-fullwidth-container .ls-slide {
display: flex !important;
align-items: center;
}
#top.page-id-174 .avia-layerslider .ls-slide p {
font-size: 62px !important;
height: auto !important;
line-height: 1.2 !important;
padding: 50px 120px !important;
position: static;
width: 100% !important;
}
}
@media only screen and (max-width:767px) {
#top.page-id-174 .avia-layerslider .ls-slide p {
font-size: 28px !important;
padding: 0 20px !important;
}
}
Let us know if it’s good on your end too :)
Cheers!
Nikko
Hi,
No problem, let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
No problem, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Glad you got it working, please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey!
We need a way to lick the mountains to the bottom of the .top-header without them following up the logo as the logo shrinks in size.
I’m sorry but what do you mean by “lick the mountains to the bottom of the .top-header “? If you want the vertical alignment of the logo to be at the bottom of the top-header container, please try this css code.
.top-header {
min-height: 500px;
background-image: url(https://www.ptmi.net/wp-content/themes/pacifictrail/assets/images/header.jpg);
background-size: cover;
position: relative;
}
.top-header-logo {
text-align: center;
padding: 50px 0;
display: block;
bottom: 0;
position: absolute;
}
These css declarations exist in the style.css file, I just added a few css properties. Use a css media query if you want to apply it on smaller screens.
Best regards,
Ismael
Hi Peter!
Thank you for using Enfold.
We replied on another thread. https://kriesi.at/support/topic/enfold-youtube-preview-image/#post-716662
Please follow the simple instruction there and update us here.
Best regards,
Ismael
Hey net-files,
Your results are 82 on desktop which I would say it acceptable but you could try one or more of these plugins to see if you see any improvements:
GZip Ninja Speed Compression:
https://wordpress.org/plugins/gzip-ninja-speed-compression/
WP Smush:
https://wordpress.org/plugins/wp-smushit/
W3 Total cache:
https://wordpress.org/plugins/w3-total-cache/
BWP Minify:
https://wordpress.org/plugins/bwp-minify/
Best regards,
Rikard
Hi,
If you add the date as an image in a widget I think it will fit above the social bookmarks if you add the following to Quick CSS:
#header .social_bookmarks {
margin-top:10px;
}
We need for the image you want to be above the social bookmarks to be in a wiget so that we can give you CSS for it.
Best regards,
Rikard
Hi,
The text is displaying. Please check it on another computer. This is the css modification.
#top .av-logo-container .social_bookmarks .avia_hidden_link_text {
display: block;
}
Best regards,
Ismael
Hey Simon,
Yes that is would be the natural flow on a layout like that and it’s difficult to change that other than creating a separate design to only show on mobile. You could try dragging your existing layout into a Color Section element and then give it an ID and then add CSS like this to hide it on mobile:
@media only screen and (max-width: 767px) {
#your-desktop-section-id {
display:none;
}
}
You can then add another section and add your mobile layout to it and hide the section for screens other than mobile with CSS like this:
@media only screen and (min-width: 768px) {
#your-mobile-section-id {
display:none;
}
}
Best regards,
Rikard
Hi,
Thank you for the info. Please try the solution provided in the following link.
// https://kriesi.at/support/topic/page-anchors-on-mobile-devices/#post-698195
Or post the ftp details here so that we can do a few tests. Are you using the columns’ “Mobile display” option?
Best regards,
Ismael
Hi,
Glad we could help, please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
No problem, glad you found that option. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hello Nikko!
The code you provided does show the hamburger menu on mobiles, thank you.
The menu is unfortunately still not fixed, one still have to scroll up to get to the menu.
Let me show you what I used before for this:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed;
}
.responsive #top #main {
padding-top: 80px !important;
}}
But what I also meant is the animation of the hamburger menu like it is on desktops.
Not the diagonal coming from the right top. Is this possible?
I am sorry for the missunderstanding and I hope it is not too much trouble.
I only wanted the same animation and the fixed header.
Best Regards
Asterios
-
This reply was modified 9 years, 4 months ago by
Asterios.
Hi!
In the code suggested by Yigit, I changed ‘post’ to ‘calendar’ added it to functions.php and saved.
However this did not solve the problem. When I did this I got the following error message in black at the top of the screen on my website:
add_filter(‘avf_builder_boxes’, ‘add_builder_to_posttype’); function add_builder_to_posttype($metabox) { foreach($metabox as &$meta) { if($meta[‘id’] == ‘avia_builder’ || $meta[‘id’] == ‘layout’) { $meta[‘page’][] = ‘Calendar’; /*instead add the name of the custom post type here*/ } } return $metabox; } Warning: session_start(): Cannot send session cache limiter – headers already sent (output started at /customers/1/0/b/mediteraistockholm.se/httpd.www/wp-content/themes/enfold/functions.php:20) in /customers/1/0/b/mediteraistockholm.se/httpd.www/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries.php on line 32
I would like this change that I am trying to accomplish (a standard look for all the posts / pages) to be carried through even when I update the version of wordpress I am using in the future.
Grateful for any further help.
Jangdom
Hi! I have hidden the mobile menu, and want Facebook icon (only shown social media icon) to be displayed to the right side of the logo.
Also I have enlarged the social media icon for desktop, so what is the code for shrinking it/enlarging it so it will fit for mobile?
Further testing and it’s now showing both sections on mobile and desktop. Any speedy help, very gratefully received!
Help!
I’ve followed the instructions here: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
I have two similar elements, one should only appear on desktops and the other only on mobiles. It works perfectly on the dev version of the site, but not on the live (both are technically live).
On mobile, it works perfectly, but on the desktop, it’s showing both elements. Why? How do I stop this?
Thanks!
I’ve searched throughout the forum and the only closest thing to disabling lazy load was found here: https://kriesi.at/support/topic/masonry-gallery-appearance/ On my site (see hidden content), the images only start appearing after you scroll down the page. Is this a lazy load problem? Granted I have about 100 images (at about 200kb each) to load on 1 page, I know it’s going to take some time. However, the “lazy load” gives the illusion that the page is completely blank. How can I disable this so my images appear as soon as they are loaded? Thanks!
Hi,
1) I inserted a colorsection on a page with sidebar (right). Unfortunately, this has obviously shifted the menu in the sidebar (right) down. of course it should be displayed in the upper right corner. How can I prevent that it is displayed below the colorsection?
2) Furthermore, the name of the page is displayed although I have not set this on the page ( “hide both”). What can be the cause or how can I change it? Could you maybe check it out?
3) The sidebar (right) is too big. How can I set it so that the sidebar gets smaller? It is in any case more than the adjusted 1/3!
Thank you very much.
Best wishes,
Nic