-
Posts
-
OUR SUPPORT QUESTION IS:
we have issues with responsive elements on our live site on mobile. Our Staging site is ok. We notice in the element inspector that the html elements on the live site are missing some css classes causing the responsiveness to break. Please help us find why the css classes are not generated on the live site. we can provide logins to both sites so you can see the setup is identicalThank you and look forward to hearing from you
Hi pixelstorm01!
give us a link where we can see the issue and we take a look. You can post login details here as private reply.
Cheers!
AndyHi,
Please try to enable debug mode in order to display shortcode, then copy/paste the shortcode from your staging site to see if that helps.
Best regards,
RikardSorry No idea what you mean here. Why do we want to display shortcode? Can you expand on that. What would we be copying and pasting? Please clarify..
Hello – Can you please get back to me on this? The site is really broken.. Login details have been provided. Thank you.
Hi!
refuse from bumping into your own thread, as it pushes it behind in our queue and then we can’t provide a faster reply to you.
As Rikard already mentioned: you can enable debug mode by following these instructions: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Can you show us the issue you have on mobile devices please? Please send us some screenshots to clarify what it’s all about. You can use imgur.com or dropbox.
Best regards,
AndyPlease see links below.
You can see the site is completely broken when on mobile – It’s not only on one page its on all.
Whereas the staging site, which I’ve provided you access to – Seems to be fine.
Can you please review – I don’t understand about the code you’ve sent through.
All website access has been provided, perhaps you can log in and do this if possible?
https://www.dropbox.com/s/afy0s6gdclbfnm9/Screen%20Shot%202015-11-20%20at%2010.26.28%20pm.png?dl=0
https://www.dropbox.com/s/18cy2wg27nrrdrn/Screen%20Shot%202015-11-20%20at%2010.26.35%20pm.png?dl=0
https://www.dropbox.com/s/xlsf27gsz8qkuoj/Screen%20Shot%202015-11-20%20at%2010.26.44%20pm.png?dl=0Hi!
The sections are outside the wrap_all container which breaks the site’s responsiveness. I’m not sure what causes the issue yet so I created a test page then applied the home template but it’s still not working. Please update the theme to the latest version, 3.4. This is the test page: http://www.elementsspa.com.au/test-2/
Best Regards,
IsmaelHi,
We tried updating the theme to a higher version with no success. The same issue occurs.
We have 2 sites – one at staging, one live. THey are both EXACTLY the same code.
The live moble site css is completely broken on mobille, the staging site is fine.
We duplicated an EXACT replica of the staging site to live! The hosting is the same.I have supplied the login details below so you can review both home pages.
When reviewing the source the only thing I can see that is different.
Can you advise what the settings below mean: ML:256-PU:37-PLA:8On the live broken site:
<!–
Debugging Info for Theme support:Theme: Enfold
Version: 3.3.2
Installed: enfold
AviaFramework Version: 2.2
AviaBuilder Version: 0.8
– – – – – – – – – – –
ChildTheme: Elements Spa
ChildTheme Version:
ChildTheme Installed: enfoldML:256-PU:37-PLA:8
WP:4.3.1
Updates: disabled
–>On the staging site htat works:
<!–
Debugging Info for Theme support:Theme: Enfold
Version: 3.3.2
Installed: enfold
AviaFramework Version: 2.2
AviaBuilder Version: 0.8
– – – – – – – – – – –
ChildTheme: Elements Spa
ChildTheme Version:
ChildTheme Installed: enfoldML:256-PU:37-PLA:5
WP:4.3.1
Updates: disabled
–>We desparately need this fixed.
The generated CSS code does not wrap the elements properly?!Hi!
Sorry for the late reply!
You are using older version of the theme on both sites. Can you please firstly update it to the latest version 3.4.4 ( labeled as 3.4.3) kriesi.at/documentation/enfold/updating-your-theme-files/?Regards,
YigitHi Yigit,
The live site is updated to the latest theme. We won’t be updating the staging site.
Look forward to hearing from you
Hi!
I added following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) { .responsive #top .flex_column_table_cell { display: block; width: 100%; margin: 0; }}Can you please review your website now?
Cheers!
YigitHi Yigit
That has helped the boxes on the home page and all other pages thank you BUT There are some other elements that are NOT responsive on the homepage
https://www.dropbox.com/s/4ar1qvzdboye7xr/Screenshot_2015-12-04-21-45-27.png?dl=0
https://www.dropbox.com/s/1o40pogawkgmlru/Screenshot_2015-12-04-21-45-39.png?dl=0but they ARE on the actual contact page?
https://www.dropbox.com/s/yk9r9k8nhbn5vw9/Screenshot_2015-12-04-21-47-50.png?dl=0
https://www.dropbox.com/s/ns2dsoqxs9esd4a/Screenshot_2015-12-04-21-39-44.png?dl=0Seems to be mainly the homepage that is really broken?
Look forward to hearing from you
- You must be logged in to reply to this topic.