Navigation
Archive / 5634 / Left right layout not functioning
This is archived content. Visit our new forum.

Tagged: 

1 2 3
  • Author
    Posts
  • July 26, 2016 at 3:28 am #1103102
    bak
    Participant

    Hi there

    Since my update of X/CS, the helper class I created to create desktop and mobile friendly left/right layout is not working anymore.

    Something seems to be wrong with the layout of the columns

    July 26, 2016 at 3:35 am #1103109
    bak
    Participant
    This reply has been marked as private.
    July 26, 2016 at 5:41 am #1103236
    Christopher
    Moderator

    Hi there,

    If you remove following code the issue will be fixed :

    @media (min-width: 768px){
.scl {
    left: 50%;
    right: auto;
    position: absolute;
}
}

    You can use visibility options if you want to rearrange columns.

    Hope it helps.

    July 26, 2016 at 9:01 am #1103483
    bak
    Participant

    Hi there

    I chose this solution on purpose. The reason I chose this solution is that I have a multilangiuage site so adding rows for mobile on top of rows for desktop duplicates my work and with multiple languages this gets very messy.

    So if somehow possible I would like to keep this solution as it is simple and does not require me to duplicate content (and doing this in multiple languages

    Thanks

    July 26, 2016 at 9:27 am #1103536
    Christian
    Moderator

    It looks like you might be having an issue with a third party plugin or script. Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

    Thank you for your understanding.

    July 27, 2016 at 9:58 am #1105244
    bak
    Participant

    Hi there

    I understand that you do not support 3rd party plugind/script but this is simple CSS customisation which worked perfectly until i did the upgrade. I use this code for many pages so I would really be thankful if you could have a look at it and at least point me in the right direction. Else I have to re design a lot of pages

    Thank you for your support

    July 27, 2016 at 10:46 am #1105334
    Rupok
    Member

    Hi there,

    It doesn’t seems usual as it’s not really a good practice to use absolute positioning like this. However I am not also certain about the issue you are referring. Would you clarify what you are trying to achieve with another screenshot? I can’t promise but certainly have a look to suggest you a solution.

    Cheers!

    July 30, 2016 at 11:29 am #1110226
    bak
    Participant

    I have the layout

    1st row: left text / right image
    2nd row: left image / right text
    etc

    It looks nice on desktop view but on mobile the order is:

    text
    image
    image
    text
    etc

    instead of

    text
    image
    text
    image

    To solve the mobile view problem, I used this code which now does not work anymore

    What do you think, how should I proceed?

    July 30, 2016 at 7:31 pm #1110444
    Rue Nel
    Moderator

    Hello There,

    I am another staff checking on this thread! Thank you for the clarifications. To resolve this issue and have a responsive text-image, image-text layout, please check out this topic: https://community.theme.co/forums/topic/mobile-screen-size-layout/#post-826285

    I found a thread in Facebook community that might also help you. You can check this out:
    https://www.facebook.com/groups/xthemeusers/permalink/582887268554351/

    Hope this helps.

    August 6, 2016 at 11:14 am #1120255
    bak
    Participant
    This reply has been marked as private.
    August 7, 2016 at 1:14 am #1120661
    Christopher
    Moderator

    Hi there,

    Please use visibility options and add another section/row for mobile devices and change columns background as you wish, see the attachment.

    Hope that helps.

    August 7, 2016 at 1:37 am #1120666
    bak
    Participant

    Hi

    Sorry for insisting. As mentioned before creating the layout twice – once mobile, once desktop will multiply my work as I have on top of it translation in 3 languages.

    I am just wondering if you see another option than creating 2 versions.

    In your earlier reply you mentioned thread https://community.theme.co/forums/topic/mobile-screen-size-layout/#post-826285

    There you have a class right but I have not seen any CSS with it.

    August 7, 2016 at 2:58 pm #1121145
    Rad
    Moderator

    Hi there,

    Your site’s columns where image text and images are just the single columns in mobile. Please add them in different columns then add a unique class name. And with that class name we can control background color for mobile.

    We will proceed once it’s done. Right now, there is no way to control background for each text and image since they belong on same column.

    Thanks!

    August 11, 2016 at 8:21 am #1127152
    bak
    Participant
    This reply has been marked as private.
    August 11, 2016 at 11:38 am #1127414
    Jade
    Moderator

    Hi there,

    I tried to access the link you have provided but it leads to a 404 page.

    Kindly double check.

  • Author
    Posts
1 2 3
  • <script> jQuery(function($){ $("#no-reply-1103102 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>