The mention of iOS changes is helpful; we may be getting closer.
I tried Chrome as well. In Chrome, with the above code under Enfold 2.7.1, the “sticky footer” DOES stay in place on ANY size window, regardless of whether a right-scrollbar is in place. The code used to behave correctly this way under OS X/Safari and 2.5.2, but now under OSX/Safari and 2.7.1, the “sticky footer” only shows IF there is a right-scrollbar on the page. With no right-scrollbar under OSX/Safari and 2.7.1, no “sticky footer” appears, although it is still “there” (you can still click the links), but is “invisible.”
I think I will go live, and then I will send you links, but in the meantime can you please do me a huge favor:
If you try the exact same code on a page where there is NO right-scrollbar (i.e. either low page content, and/or large window), do you get the same sticky footer, or does it “disappear”:
— Under OS X/Safari?
— Under iOS (tablet or phone)?
And if the “sticky footer” does “disappear” on “no-scrollbar” pages only under OSX/Safari and iOS (but not under other browsers), is there any way to fix this so the code behaves the same way under all browsers?
I’ve just bought the enfold theme but the shop templates – (default shop and masonry shop pages) are not there.
can you advise
Thanks
Hey!
Check via FTP if that file exists, if it doesn’t upload (only the file) it from a copy of Enfold.
Cheers!
Josue
This reply has been marked as private.
Hi
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.responsive #main {
margin-top: -82px;
}}
Cheers!
Yigit
Hi!
Please add following code to Quick CSS to move logo to right side
div .logo {
float: right;
left: auto;
right: 0;
}
You can also change the position in Enfold theme options > Header Layout > Header Layout.
The code i posted in my previous reply is to keep padding 200px on pages where you set header to be transparent. You still should set edit each page and choose to display transparent header
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.container #advanced_menu_toggle, #advanced_menu_hide {
display: none;
}
.responsive .logo a, .responsive .logo img {
height: auto !important;
margin-top: 10px!important;
}}
Best regards,
Yigit
This reply has been marked as private.
Hi ConflateGermany!
Bitte gehe einmal zu Enfold > Theme options und speichere die Optionen neu. Falls dies nicht hilft verwende einen ftp Client (zB Filezilla) und öffne den wp-content/uploads/dynamic_avia/ Ordner am Server. Setze die Berechtigungen auf 777. Dann lösche alle Dateien innerhalb des Ordners (zB enfold.css) und speichere die Theme Einstellungen erneut.
Regards,
Peter
Hey finon!
Du kansst versuchen der Textbox (welche den adsense Code beinhaltet) eine eigene CSS Klasse zu geben: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ – zB verwende “adsensebox”. Dann füge zu dieser Klasse mit CSS Code einen margin-top hinzu. Hierfür empfehle ich das Quick CSS Feld zu nützen oder die child theme style.css Datei:
.adsensebox{
margin-top: 20px;
}
Cheers!
Peter
Hey!
Please update Enfold to the latest version 2.7.1 – kriesi.at/documentation/enfold/updating-your-theme-files/
You are currently using an older version
Cheers!
Yigit
Hallo,
Mit dem Enfold-Theme gibt es auf der Seite http://www.sic-sales.de einige Probleme:
1. Bei dem Text neben den Icons (mit den Häkchen) auf der Startseite wird unten der Text der Überschrift leicht abgeschnitten.
2. Auf dem iPad und kleineren Bildschirmen werden die Überschriften nicht vollständig angezeigt. Bsp: Startseite: Unter der Überschrift Anwendungsfelder sind 3 Überschriften in 3 Spalten eingeteilt. Bei der mittleren Spalte (Produktkonfigurator) wird der Text der Überschrift nicht vollständig angezeigt/abgeschnitten.
3. Im Footer der Seite ändert sich die Farbe der H3-Überschriften (Kunden, Neueste Blogbeiträge, Anschrift) immer in die Standardfarbe grau (#9E9E9E), nachdem eine Änderung an der Seite gemacht wurde, obwohl in der enfold.css unter wp-content/uploads/dynamic-aviva die css um #footer .widgettitle {
color: #FFFFFF; angepasst wurde.
Viele Grüße,
renz54
Hi!
The image scrollbar issue was reported and then fixed with 2.7.1 so try updating first and then regenerate all minfied files and reset your cache if you are using any caching plugins.
As for the sidebar, it will show up under the image by default on the single product page layout. You would need to change the layout of the page for it to show up on the side. I’ve written out some functions to do that if you are using a child theme here: http://kriesi.at/documentation/enfold/change-woocommerce-single-product-page-layout/
Cheers!
Devin
Hallo Walter!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.team-member-name, .team-member-job-title { text-align: center; }
Regards,
Yigit
Hi!
You should go to Enfold/js folder via FTP and edit avia.js file that is inside. Or you can try this plugin – http://wordpress.org/plugins/solid-code-theme-editor/
Cheers!
Yigit
Hey!
What exactly do you mean by whole page? Page with transparent header removes the top padding of main content on the pages it is applied so it gives a nice effect placing logo and menu on top of slider or any other content element. You can see the example here on the demo site – http://kriesi.at/themes/enfold/homepage/transparent-header/
Please add following code to Quick CSS as well
#header_meta { background: transparent; }
Cheers!
Yigit
Hey!
It is currently functioning as intended. Would you like to display it like in this screenshot – http://i.imgur.com/402vw2F.png ?
If so, please add following code to Quick CSS in Enfold theme options under General Styling tab
.page-id-66 #main {
padding-top: 200px!important;
}
To apply it on other pages, you should change the page ID. You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg
Cheers!
Yigit
Hi guys, can you tell me if there’s a way to have this?
The images uploaded to the gallery are 1920 x 1080 px but the lightbox is around 1020 x 580 px.
If not in full screen at least in full real size when the PC screen is big.
Thanks
Nicolás
http://www.rvarq.com
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 989px) and (min-width: 768px) {
.main_menu { margin-top: -110px; }
#header_main nav .social_bookmarks {
top: 41%; }}
Regards,
Yigit
Hi Kriesi & Co,
We’re using enfold for http://gocommercenam.com/ and on http://gocommerce.co.za/ but any page that loads images with sliding effects (or even icons) are not being displayed at all.
We’re using FF 29, Win 7, WP 3.9 and Enfold 2.7.1. It seems to work fine on Safari and Chrome…
UPDATE: When using Firebug, the following console error shows up: TypeError: $.AviaTooltip is not a constructor on avia.js (line 29)
Any ideas?
Hi, I have created my friend’s site with my Favaourite WP theme, Enfold:
http://gasztro-akademia.hu/
Regards,
cstibi
Hey Ben!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
div#widget_sp_image-3 {
margin-top: -5px;
}
Regards,
Yigit
Hi Ismael, your code was fine, the issue was actually being caused by the permissions on the themes generated css file:
http://agathosfinancial.ie/wp-content/uploads/dynamic_avia/enfold.css
That file must be publicly viewable for the theme styling to load.
Your colleague Devin notified me of the issue.
Thanks for your help, you may now mark this thread as resolved
Hi Signum!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.title_container .main-title { display: none; }
Then go to Enfold/framework/php folder and open class-breadcrumb.php and search/change “You are here” then find following line
$separator = '<span class="sep">' . $separator . '</span>';
and change it to
$separator = '<span class="sep"> - </span>';
Cheers!
Yigit
Hi thanp73!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
@media only screen and (min-width: 1340px) {
.responsive_large .container .nine.units {
width: 830px;
}}
@media only screen and (min-width: 1140px) {
.responsive .container .nine.units {
width: 720px;
}}
.container .nine.units {
width: 630px;
}
Cheers!
Yigit
Hey pedrosierra!
Please update Enfold to the latest version 2.7.1 – http://kriesi.at/documentation/enfold/updating-your-theme-files/
If you are using any caching plugins, try deactivating them and flush browser cache after making styling changes
Best regards,
Yigit
Hey!
You can do so in Advanced Styling tab in Enfold theme options – http://i.imgur.com/JI8RCyZ.png :)
Cheers!
Yigit
Hi shantidevii!
Please go to Appearance > Editor and open functions-enfold.php file and find
$entries['prev'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
$entries['next'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
}
else
{
$entries['prev'] = get_previous_post($settings['same_category']);
$entries['next'] = get_next_post($settings['same_category']);
and change it to
$entries['next'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
$entries['prev'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
}
else
{
$entries['next'] = get_previous_post($settings['same_category']);
$entries['prev'] = get_next_post($settings['same_category']);
Best regards,
Yigit
Hi, I tried installing enfold into our site but when I was about to edit the pages, the avia layout builder seems to be not working and just shows the circle going around. I isolated the case using another site of mine using wordpress 3.9. I just like to ask if when we can have it working in alpha version? I know it’s not supported yet but is there anyway to have it working as our site could not be downgraded anymore.
Thank you.
Hi!
Please tell your designer to edit the your logo and make its background transparent. Currently it is white and that is what you are seeing when header is set to display transparent :)
then go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px
Cheers!
Yigit