Forum Replies Created
-
Posts
-
HI!
The page is not crashing anymore, and it’s not because my images are bigger or smaller, but because I use revolution slider instead of colour sections. I have to add my first wrapp all after the first time there is 2 columns on the page, and before starting a new revolution slider. All that is due to something that generates a superfluous </div> somewhere after each the 1/2 columns are finished.
Thank you for the suggestion of optimising images.
This is already a page rebuilt. The problem comes from your theme : there is a div with ID called “wrap_all” that ends that closes to soon, so that it doesn’t “wrap all”… Your theme inserts one superfluous “closing div” somewhere after these 1/2 columns, each time these 1/2 columns are closed. I have to enclose the following code into a newly opened div “wrap_all” in order to make it work again. And I have to insert a div “wrap_all” after each second closing 1/2 column. And I don’t close these div.
Hi Andy,
Please find attached the explanation of the problem in PDF format. But, I found also the solution :-)
The problem is due to a div with ID called “wrap_all” that ends too soon, so that it doesn’t wrap it all… Your theme inserts one superfluous “closing div” somewhere after these 1/2 columns, each time these 1/2 columns are created.In debug mode:
I add a <div id=”wrap_all”> after the 1/2 columns and before the slider revolution shortcode.
I don’t insert any </div>, since there is already one superfluous each time.This solves the problem, but I think it is a bug in your theme that should be addressed in a future update.
In iPhone size:
The container after the second image applies this CSS:media=”all”
@media only screen and (max-width: 767px)
.responsive #top #wrap_all .container {
width: 85%;
max-width: 85%;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
float: none;
}The following containers seem to apply another CSS. It seems they are not able to detect that their size because they are not taking the right CSS:
media=”all”
.container {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0px 50px;
padding-top: 0px;
padding-right: 50px;
padding-bottom: 0px;
padding-left: 50px;
clear: both;
}Where does the problem come from?
All my 1st columns are set on “individual height”, “space between columns”.It was another page that didn’t crash. I am trying to resolve the issue by using Slider Revolution instead of Coulour Section, but it creates some CSS issues, please see the other thread. Thank you.
No, I didn’t resolve the crashing problem, sorry.
Now I’m trying to overcome this by using Revolution Slider instead of colour sections. But I have a problem that you can see on the page which is attached.
The problem is that the columns are not responsive after the 3rd image on iPhones. What should I change in the css in order to make it responsive?
The following code worked only for the footer:
@media only screen and (max-width: 768px) {
#footer .flex_column {
width: 100%!important;
margin-left: 0!important;
}}Why does a code block appear under the advanced editor? what can I do with it? why is the footer still not responsive?
On this altaleo.com/new/ page, the footer is not responsive, while it is responsive on other pages like for example: altaleo.com/contact/
I don’t understand what you did. On the altaleo.com/new page, that fixes the bug, but on altaleo.com, the bug is still there, altough I have many more color sections. What should I do exactly to fix this problem?
NO, it crashes also when there is no code in typekit. But it also crashed when I disabled all plugins (including the typekit plugin). I disabled all plugins, so you can take a closer look until we find the solution.
On http://altaleo.com/en/ there is no problem with this CSS starting from section 5. And I have the same custom CSS and Theme Options in both languages (main language is French). But, however, http://altaleo.com/en/ crashes also on iPad. So it may also not be related problems.
Hi,
the website crashes only on iPads, not on iPhones. And it still crashes after moving the WPML code… it happens only on this homepage of the website, that’s why I’m not sure it could come from some code that would apply to the whole website. I have the feeling that it’s due to some bug in the advanced template builder and maybe related to the other problem I have with it (see in topic #502395 – in this topic I try to reconstruct another home page but I come to another problem that I also have on this homepage which is that from colour section 5 on, the CSS applied is not the same anymore and things are not responsive anymore for blocks starting with colour section 5)
Maybe the home page crashes because it’s longer, but the key problem may be that from section 5, there is something like 2 different <h2>.Yes, you have the permission to deactivate plugins for testing purposes.
I overwrote a fresh copy of the theme.What is strange is that it’s only on this page that the site crashes, and on this page I have many colour sections. In another post I am also asking you to take a look at why this page seems to broke the css from coulour section 5 on. Maybe it’s related that when you continue to add coulour sections, something makes it crash. Feel free to play with the pages, the website is currently still in development phase.
That’s the changes I made to the theme:
HIDE WPML Language selector in main menu:
Insert this code into “enfold/ functions-enfold.php”
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 );
}In:
includes\admin\register-backend-google-fonts.php
et register-admin-options.php (environ ligne 1178)add typekit fonts:
‘proxima-nova-extra-condensed’=>”proxima-nova-extra-condensed”,
‘proxima-nova-condensed’=>”proxima-nova- condensed”,
‘proxima-nova’=>”proxima-nova”,
‘iskra’=>”iskra”,No image product : in functions.php of the theme at the end :
/*
* remove product images
*/remove_action( ‘woocommerce_before_single_product_summary’, ‘woocommerce_show_product_images’, 20 );
add_filter( ‘woocommerce_variable_free_price_html’, ‘hide_free_price_notice’ );
add_filter( ‘woocommerce_free_price_html’, ‘hide_free_price_notice’ );
add_filter( ‘woocommerce_variation_free_price_html’, ‘hide_free_price_notice’ );
/**
* Hides the ‘Free!’ price notice
*/
function hide_free_price_notice( $price ) {return ”;
}I didn’t use a containing 1/1 section for the first one.
I tried putting the second one in a 1/1 section, but nothing changes.
Please log in my website and you can test yourself whatever you want on this page, it’s just a test page.
The browser just closes itself, on Chrome or on Safari.
See the video of how it happens, link attached.
Another strange thing happening from 5th section on:
I created also two 1/2 boxes containing text in section 5 (the same as in section 4) – and the responsiveness is lost:Boxes in section 4 are one below the other (responsive as it should).
The same boxes in section 5 stay one beside the other (responsiveness is lost).This happens when I dupplicate the 4th colour section (not before), or when I create a 5th colour section from scratch. It seems independant of the options choosed in the 5th coulour section, just the fact of creating a 5th colour section seems to change the CSS used. But I don’t find which selctors are different from this 5th selection.
Yes, the admin is hereunder.
The following CSS:
This code appears in colour section 4 :
<h2 style=”text-align: center;”>ALTALEO vous fait bénéficier de son expérience dans les problématiques comptables transfrontalières.</h2>it uses the following CSS coming from the advanced CSS customisation panel of your template:
media=”all”
#top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2 {
font-size: 28px;
line-height: 1.7em;
font-family: ‘proxima-nova’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
text-transform: none;
}The following block is in colour section 5 at the bottom of the page, it is generated via template builder, as a copy of the section 4, but it uses another CSS:
<h2 style=”text-align: center;”>ALTALEO vous fait bénéficier de son expérience dans les problématiques comptables transfrontalières.</h2>
uses the following CSS:
media=”all”
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
text-transform: uppercase;
letter-spacing: 1px;
}The result is that the letters are capitalised and the line-heigth changes.
