-
Search Results
-
In reply to: Custom colored icons ?
In reply to: emulation with enfold
Hey Yigit,
this seems to work pretty good.. but I am not having great consistency with mobile.. the images scroll using >> grid rows >> cells > with fixed background images.. looks great on desktop but when the images scroll instead of being fixed on mobile it can be meh..
check out the gshock site on mobile http://www.gshock.com/gsteel vs desktop what I am not seeing is this working on enfold on mobile versions..
and compare to a couple of sites I am getting fun with grid rows on.
http://briannaimerphotography.ca/ + http://pruuph.ca/I also see no images at all on iphones at all.. maybe it’s on os update on the phones I have tested with?
Please advise good sir.. is this a bug that needs to get worked out in the future?
:)
ENB..//
Topic: Reduce the header on mobile
Hi, how do I reduce the header size on mobile?
I tried reducing logo size and header size but i was left with the weird white line overlapping the content, so it didn’t really work. Here’s what i used:
@media only screen and (max-width: 767px) { .responsive #top #header { height: 80px !important; line-height: 80px !important; } @media only screen and (max-width: 767px) { .responsive #top .logo { height: 80px !important; } }Hello there.
I see that in the case of a Video as Slide element in Full Screen Slider exists the possibility to replace it in Mobile with an image.
Is it possible to do the same for Images? I would like to have a fallback image for Mobile that is ~25% – 50% smaller as the Desktop version.
And very important in Mobile should load only the small images and on Desktop only the big images (it can be used with https://wordpress.org/plugins/wp-mobile-detect/ that is based on https://github.com/serbanghita/mobile-detect)
Thank you in advance.In reply to: Onepage Menu
Hi,
I have uploaded a custom image to the logo background image area. I have tried all of the settings in the “Enfold- General Styling” under Enfold theme options. I select upload custom image then select the image and then set to full size image, it never display correctly. It is always cut off on both sides and the bottom.
Settings:
Custom Image
Top Left
No Repeat
FixedHelp is appreciated.
This thread explains how to remove the featured image from RSS feeds:
https://kriesi.at/support/topic/rss-feed-how-can-i-supress-the-featured-image/
using this code:
remove_filter(‘the_content’, ‘featureimage_for_feeds’);It doesn’t appear to work, however, as I get updated content after I change posts in the feed, but it still includes the featured image. Does this method work?
In reply to: LayerSlider not working on Microsoft Edge.
Hi!
If you post inside a topic, you send it to the back and when a topic is inside weekend, then posting 3 times will bring it even back to the que.
I can see the issue, but would need some time to work on it, as Edge is fairly new and stable. We need to see what differences exist.Cheers!
BasilisHi,
I have a two line menu using Quick CSS and also to make it appear correctly in a mobile menu. (See below and link). However, the second line of the menu doesn’t show a red underline on the selected page like it does on the first line to tell you what page you are on. Can you show me what needs added to the CSS below to fix? Many thanks, Frank
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
.phone-info span {
color:white !important;
font-size: 14px;
}
#scroll-top-link {
background-color: #001d5b;
color: white;
border-color: white;
}
#header #header_main_alternate .container {
height: 80px;
}
@media only screen and (min-width: 767px) {
#header #header_main_alternate .container {
height: 80px;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 198px !important;
}
.logo img {
min-width:350px!important;
height:auto!important;
}Topic: Website is NOT responsive
Every time I reload the page on safari on iPhone, there is a different problem.
Things I’ve seen:
-Menu is gone completely and no toggle button
-Menu links are displayed at top of the page in a vertical list
-Menu links are on the menu bar (as they are on desktop), but they are overflowing into the page content
-Countdown app shows 0 for everything
-Countdown app doesn’t display properlyAnd sometimes a combination of these. Like I said, every time I load the site it’s something different.
I’m getting really tired of trying to troubleshoot this. I’ve tried disabling all plugins, changing settings, and nothing is helping.
I’m hoping someone has a solution, otherwise I’d like my money back.
Thanks.
In reply to: LayerSlider not working on Microsoft Edge.
Hi Support, My post is over 3 days old. Is this topic something you are not willing to help with?
Please let me know.
Thanks.
In reply to: Enfold Catalogue – No crop on preview image
Dear Basilis, thank you for your kind help.
I’ve tried to follow the instruction posted by the user of other topic (http://prnt.sc/4dwc7y), but it seems not work.I mean that when I create a list for my catalogue (avia layout builder) and I choose a vertical image, this is the miniature that I got (see attached url)
The size remains 180×180 but on my function.php I had commented those lines/*
$avia_config[‘imgSize’][‘widget’] = array(‘width’=>36, ‘height’=>36); // small preview pics eg sidebar news
$avia_config[‘imgSize’][‘square’] = array(‘width’=>180, ‘height’=>180); // small image for blogs
$avia_config[‘imgSize’][‘featured’] = array(‘width’=>1500, ‘height’=>430 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘featured_large’] = array(‘width’=>1500, ‘height’=>630 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘extra_large’] = array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false); // images for fullscrren slider
$avia_config[‘imgSize’][‘portfolio’] = array(‘width’=>495, ‘height’=>400 ); // images for portfolio entries (2,3 column)
$avia_config[‘imgSize’][‘portfolio_small’] = array(‘width’=>260, ‘height’=>185 ); // images for portfolio 4 columns
$avia_config[‘imgSize’][‘gallery’] = array(‘width’=>845, ‘height’=>684 ); // images for portfolio entries (2,3 column)
$avia_config[‘imgSize’][‘magazine’] = array(‘width’=>710, ‘height’=>375 ); // images for magazines
$avia_config[‘imgSize’][‘masonry’] = array(‘width’=>705, ‘height’=>705 , ‘crop’ => false); // images for fullscreen masonry
$avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries
$avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>1210, ‘height’=>423 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’] = apply_filters(‘avf_modify_thumb_size’, $avia_config[‘imgSize’]);$avia_config[‘selectableImgSize’] = array(
‘square’ => __(‘Square’,’avia_framework’),
‘featured’ => __(‘Featured Thin’,’avia_framework’),
‘featured_large’ => __(‘Featured Large’,’avia_framework’),
‘portfolio’ => __(‘Portfolio’,’avia_framework’),
‘gallery’ => __(‘Gallery’,’avia_framework’),
‘entry_with_sidebar’ => __(‘Entry with Sidebar’,’avia_framework’),
‘entry_without_sidebar’ => __(‘Entry without Sidebar’,’avia_framework’),
‘extra_large’ => __(‘Fullscreen Sections/Sliders’,’avia_framework’),);
avia_backend_add_thumbnail_size($avia_config);
if ( ! isset( $content_width ) ) $content_width = $avia_config[‘imgSize’][‘featured’][‘width’];
*/I cant resolve how to remove auto-square-cropping system and let original size on upload images.
Thank you for your helpwebba
Topic: Onepage Menu
Hi guys,
i crated a website using ecommerce demo. Everything works fine but i would like to change the site in onepage site.
How can i set up the menu?
I’ve found a topic on the forum but it’s about Portfolio Theme.
Thanks for your help
Cheers
Mario
In reply to: HELP!
Hi Josue,
I had a short-lived attempt of using codepen but I couldn’t get it to copy the website over properly, even to think how I’d transfer any additional code into WordPress puts fear into me. Lets forget the fancy animations and revert to the default layout editor. I can work with the image enlargement feature that comes with the enfold theme to tackle one of my queries.
I’ve added “add_theme_support(‘avia_template_builder_custom_css’);” to my functions.php file and I’ve got an option to input a custom CSS class in the pop-up box when clicking on elements within the layout editor. If I want to add borders or what have you to these assigned classes, do I have to add the CSS to the general styling quick CSS box in the enfold settings?
If I can add another question, can you log into my account and see that the 3 images on the test page are cropped when they grow as you hover over them? Is there a way I can prevent this from happening by giving some priority to the images over the column sizes somehow?
Going back to one of my other queries, I’m trying to stretch my background of the chalk board across the screen. It’s fine on my laptop but when I’m on my larger monitor size the background shows 2 black bars either side of it and I’d rather make the background fill the entire screen no matter what the monitor size is.
Greatly appreciate your help! Superb support.
James
In reply to: Display Woocommerce price and sale price dynamically
Dear all,
sorry but I have probably the same problem announced by danneeroy at the top, and the answer of Gunter was not enought!
I’m using Enfold Shop demo template and I’m not able to change regular and sale price. That’s the problem: I’ve created a variable product (perfume) with a new attribute (Size, with 2 values: 75 ml and 100 ml) used for variation.
Then, I insert prices for each variation: for example, for the first size, I put regular price (e.g. 67,00 €) and sale price (e.g. 59,00 €), but after saving I preview the page and I continue to see prices of the demo! Why? Those regular price and sale price are just hard coded in the page? How can I change them?
Many thanks.
Bebetoblu from ItalyIn reply to: Website Security Plu-In
Hi Nathan!
You can increase online conversion by using trust seal please refer to these articles
There are some plugins which make your site more secured have a look here https://kriesi.at/support/topic/recommended-plugins/
Best regards,
Vinay KashyapIn reply to: Make an image disappear on mobile
Hi!
To show images only in mobile or desktop
1.
Add the below css in Enfold > General Styling > Quick CSS/*Show only in mobile or desktop*/ @media only screen and (min-width: 769px) { .only-mo { display: none !important; }} @media only screen and (max-width: 768px) { .only-desktop { display: none !important; }}2.
Enable css custom class support in your theme functions.phphttp://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
3.
Add the class name only-mo to show only on mobile or only-desktop to show only on desktopAs yigit mentioned earlier please refer to this article for more details http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Best regards,
Vinay KashyapIn reply to: How to create avia-content-slider for portfolio
Hey!
The requested feature requires a lot of custom jQuery coding.
This is out of our support scope still we like to help you get started on it and achieve what you are trying to do…function add_custom_code(){ ?> $(document).ready(function () { $('html, body').animate({ scrollTop: $('#ID-To-Scroll').offset().top }, 'slow'); }); <?php } add_action('wp_footer', 'add_custom_code');Customise the above jQuery to affect only the pages you need and add it in the functions.php. If you are not comfortable doing this you might need to hire a freelancer.
Regards,
Vinay KashyapIn reply to: Social icons mobile menu
Hi!
Try with this code:
@media only screen and (max-width: 767px) { .responsive.html_header_top #header_main .social_bookmarks { position: absolute; top: 58px; right: 70px; } }Regards,
JosueIn reply to: Specific height in color section
Hi!
Add the following:
#top .avia-section { max-height: initial; } #top .avia-section .container{ display: block; overflow: hidden; }Regards,
JosueHello
I have 12 websites with Enfold, and with all of theme if I try to go to: http://www.my-domain.com/wp-content/themes/enfold/ I get an 500 error.
Also, the error_log file within the Enfold theme folder is full of:
[21-Jul-2015 05:02:18 UTC] PHP Fatal error: Call to undefined function get_header() in /home/XXXX/public_html/wp-content/themes/enfold/index.php on line 9(I do not have any memory problems my servers are dedicated server with 8Go Ram and wp-config always increase the allocated php memory to 1024)
I just saw this error in Google Search Console because Googe Bots was trying to access this folder.
And I also read:
https://kriesi.at/support/topic/php-fatal-error-on-line-9-in-index-php/
Enfold theme is the last 3.4.6 and allready re-ploaded.
I give you in PRIVATE (so please do not talk about this site in public) one of those site.
Thanks
Topic: medium size logo
I uploaded a logo for the header as a medium size. It looks like the image sticks to the top rather than center itself in the header space. As a result, the text in my logo and the menu text are not inline. Is there a fix to this? Thanks
In reply to: Customize Single Post Page
Hi,
Don’t mean dig up old threads but the first search result on Google brought me here.
Just a quick question – What’s the aspect ratio or dimensions of the featured image that appears at the top of a single blog post?
Or at the very least, what dimensions would you recommend?
In reply to: CSS mobile issue after recent update
Hi Starkos!
1. Add the following:
@media only screen and (max-width: 767px) { .content, .sidebar{ padding-top: 25px; padding-bottom: 25px; } }2. Remove this:
@media only screen and (max-width: 767px) { section.slide-entry.flex_column { width: 45%!important; margin-right: 4%!important; }}3. Kriesi removed the scroll-to-top button in mobiles because the user can tab the status bar to go back to the top, in any case if you prefer to have the button always visible:
.responsive #scroll-top-link{ display: block; }Cheers!
JosueHey guys,
I really love the theme. I almost never have any problems with the website on the desktop, but i keep having issues on mobile, both tablet and iphone. Since there is no dedicated editor for the content on mobile, and I don’t have any coding knowledge, I can only fidget with settings and then I go here. I understand that the support team is incredibly busy, but I hope I’ll get help here, because other issues took weeks to resolve here.
I made a simple page for my photo project – mete.photography/symi
Under the full-width slider i have 1/2 text box and 1/2 google map. Then masonry gallery and share buttons. Now, on desktop everything looks great.On tablet google map element looks completely disproportionate to the text (it is set to 16:14 size, so on desktop it matches the size of the text box, which is what i want). I want to put the map under the text only on iPad. How would I do that? Here’s the imagefixed with this
/* displaying one column on ipad instead of two */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .responsive .av_one_half { width: 100%; margin-left: 0; }}On iPhone, the text box has no borders whatsoever, so it looks weird[Fixed by adjusting the padding]. Same with the share buttons – when you press it on mobile the pop-up description goes out of the window (on desktop it’s hover-over buttons). I want to disable the hover-over description on mobile for share buttons (so the press leads directly to sharing) andcenter the text in the share element (on all devices if possible). (usedh5.av-share-link-description {text-align: center;})Lastly, there is a weird space on iPhone after the slider before text – too much white space. Here’s the imagefixed with this.content { padding-top: 5px; padding-bottom: 0; }Otherwise, the gallery and the page looks great. But i keep having issues on mobile. Thank you in advance for the help.
In reply to: Mobile menu
Thanks for all that. I have posted link to website and admin login details in private section below. I have some issues which I am hoping you can help with:
1. when clicking the menu toggle the page will jump back to top.
2. when fly out menu is active, the menu toggle icon and the close button are not alligned. not sure what a possible solution for this could be? it works well on the homepage where the menu icon isn’t visible when the fly out menu is active (still the issue of the page jump remains – see #2)
3. how can i make entire color section and its contents clickable?
4. on http://digitalfreelancer.net.au/projects/ – can i apply a custom background and font color for each of the portfolio preview sections?thanks
In reply to: Remove "Tag Archive for:" from tag archive title
It shows how to change the “Category Archive for” text on this page, but I don’t see “Tag Archive for” in that file:
https://kriesi.at/support/topic/changing-text-on-archivetag-pages/Hello,
I am having the following CSS mobile issues after the most recent update:
Too much header space (Screenshot #1)
Slider height too long (Screenshot #2)
No up arrow to take you to top (Screenshot #3)This is the current “Quick CSS”:
@media only screen and (max-width: 480px) { .avia-content-slider { min-height: 1250px !important; }} #top .avia-smallarrow-slider { min-height: 280px !important; } @media only screen and (max-width: 767px) { section.slide-entry.flex_column { width: 45%!important; margin-right: 4%!important; }} .html_header_top.html_header_sticky #main{ padding-top: 0 !important; } .avia-content-slider-active .slide-entry-wrap { min-height: 250px; } .avia-builder-el-0 { margin: -30px 0 -40px 0; height: 60px; } .main_color:first-child .template-page.content.twelve.alpha.units { padding-top: 0; } @media only screen and (max-width: 767px) { .main_color:first-child .template-page.content.twelve.alpha.units { padding-bottom: 30px; } }Thank you!
Topic: Fixed Mobile Icon Placement
Hello,
Having issues fixing the placement of the mobile menu hamburger and ‘x’ (to close) icons. I need the position fixed on all widths (unless displaying the full menu on desktop/laptop. Any ideas? I tried this but it only works for landscape view on mobile, not portrait. When you flip to portrait the ‘x’ is not aligned.
@media only screen and (max-width: 480px) {
a#advanced_menu_toggle {
position: fixed;
right: 5%;
top: 7%;
}}@media only screen and (max-width: 480px) {
a#advanced_menu_hide {
position: fixed;
right: 5%;
top: 7%;
}}In reply to: Update from 3.0.5 to 3.4.7
Hi Josue!
Your solution did not work for me:(
When applying your solution from https://kriesi.at/support/topic/removing-image-titles-on-hover/#post-275920
I’ll get this error message: Fatal error: Call to undefined function add_action() in /home/vuyaezcu/public_html/Sandbox/wp-includes/functions.php on line 5183
https://kriesi.at/support/topic/removing-image-titles-on-hover/#post-275920
Best Regards,
Jonathan
Viewing 30 results - 99,691 through 99,720 (of 142,855 total)
