Tagged: Grid Rows
-
AuthorPosts
-
January 24, 2017 at 5:15 pm #737840
Hi,
We have several Grid Rows on our pages, and most of them aren’t responsive (although “Mobile Behaviour” is set to “Each cell is displayed on its own” for all Grid Rows). The weird thing is that some of them actually do behave as expected on mobiles – on the same page as those who aren’t.
Latest version of everything (including WordPress and Enfold) is installed.
Thank you in advance.
January 28, 2017 at 4:55 am #739671Hey Webbmekanikern!
Thank you for using Enfold.
Some of the grid row and section elements are outside the main container which breaks the responsive layout of the page. Please make sure that all elements or set of elements, specially the separators, are inside their own color sections.
Cheers!
IsmaelJanuary 30, 2017 at 11:07 am #740129Hi Ismael,
Thank you for your reply.
I’m not entirely sure about what you mean. The mentioned section is in a Grid Row, see the image in the private content, and please read my question again so we are sure that you haven’t misunderstood anything.
January 31, 2017 at 6:47 am #740498Hi!
Please move the logo/partner element and the special heading (“Mer Av Alexander Holmberg”) inside their own color sections. If it doesn’t work, please post the login details here so that we can check the page.
Best regards,
IsmaelFebruary 28, 2017 at 10:16 am #752816Hi Ismael,
Sorry for my late reply.
I tried your suggestion without success. I’ve added an account for you, see the credentials below.
Thanks you in advance.
Regards,
IvarMarch 6, 2017 at 7:14 am #756180Hi!
I’m very sorry for the late response. I forgot to tag myself in this thread.
I would like to switch the builder to debug mode so that I can modify the shortcodes but the Appearance > Editor panel is missing. If you have the time, please turn on the debug mode then we’ll get back to this thread immediately. Again, we would like to apologize for the delayed response.
// http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Best regards,
IsmaelMarch 6, 2017 at 10:56 am #756295HI Ismael,
No worries – I think you’re usually very quick to respond.
Yes, we’ve disabled that editor for security reasons. I have now enabled debug mode via your
avia_builder_mode
action.Regards,
IvarMarch 7, 2017 at 7:28 am #756803Hi!
Thank you for the update. I can’t figure out why the sections are outside the main container. One workaround is to append the sections inside the main container via jQuery.
function ava_custom_script_fix(){ ?> <script> (function($){ function a1() { var grid = $('body').children('.avia-section, .av-layout-grid-container'); $(grid).appendTo('#wrap_all #main'); } a1(); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_fix');
You might ask about the order of the cells on mobile view. The cells with the image will end up on top of each other. Please note that it is the normal order if you’re doing an alternating cells. The second cell of the first row will go on top of the first cell of the second row on mobile view.
Regards,
IsmaelMarch 7, 2017 at 10:30 am #756872Hi again,
This feels like a temporary solution, but it simply works. Thank you.
Will you please look into a more long term solution? On your description, it sounds like one of the shortcodes is echoing the output instead of returning it, I’ve seen that before elsewhere.
Regards,
IvarMarch 8, 2017 at 10:15 am #757648Hey!
Yes, this is just a temporary solution. One section or grid is not being closed properly. I’m not sure which section but I suspect that it is the grid or section around “TIDNINGEN CHEF”. If you have time, please try to recreate the home page from scratch and while doing so, try to refrain from adding special characters or umlaut in the headings until you finished the layout.
Regards,
IsmaelOctober 6, 2017 at 1:49 am #860803This workaround fit me perfectly too.
October 6, 2017 at 1:03 pm #860990Hi epaz,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.