Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 3, 2020 at 7:21 pm #1170106
    illerrre

    Hi guys,

    This is regarding http://www.onlineterapi.nu which I just recently created.

    I need help getting the sidebar widget responsive. On lower resolutions (like iPad and even laptops) the text disappears.

    However, as you will notice when you scroll this gets fixed. This is because of the sticky plugin I’ve installed (Q2W3 Fixed Widget)

    As you can see, the text in the sidebar widget also displays differently on high resolution when scrolled and not scrolled. It’s allowed more space when the plugin (Q2W3 Fixed Widget) kicks in.

    If possible it would be great give the sidebar widget more space on high resolutions as well so that text doesn’t break into two lines.

    Thank you in advance!

    January 4, 2020 at 6:19 am #1170189
    Rikard

    Hey illerrre,

    Could you try to adjust the width of the container element under Enfold->General Layout->Dimensions to see if that helps please? Also please try to experiment with the sidebar/content ratio on the same page.

    Best regards,
    Rikard

    January 4, 2020 at 10:24 am #1170209
    illerrre

    Hi,

    It does help, but as I like the current ratio I was hoping to find another solution.

    January 4, 2020 at 7:22 pm #1170322
    Victoria

    Hi illerrre,

    Best regards,
    Victoria

    January 5, 2020 at 2:50 am #1170405
    illerrre

    But why does it work when Q2W3 Fixed Widget kicks in on scroll?

    January 5, 2020 at 7:05 pm #1170491
    Victoria

    Hi illerrre,

    It only seems to work visually, the text overflows the container, it does not stay within its width.

    Best regards,
    Victoria

    January 6, 2020 at 2:26 pm #1170701
    illerrre

    Yes, but visually is enough. It doesn’t have to stay within it’s container. Can this be fixed?

    January 7, 2020 at 3:30 am #1170883
    Ismael

    Hi,

    Thank you for following up.

    You should increase the maximum container width in the theme options and adjust the content to sidebar ratio. The sidebar is currently too narrow.

    Best regards,
    Ismael

    January 7, 2020 at 12:37 pm #1171022
    illerrre

    Hi,

    I thought I had already played around with that enough to be sure that nothing would work, but I actually got it to work now. Thanks a lot!

    Just one thing. On 1700px – 1920px with the content is really nicely centered on the page. Resolutions below 800px are also pretty nice.

    However, between 800px and 1700px and especially 1200px – 1700px main content is too much to the left for my taste. I can live with it, but if there’s a fix to get this more centered I would really appreciate it.

    January 7, 2020 at 12:41 pm #1171024
    illerrre

    Also, one more thing. I probably don’t want the sidebar visible on mobile devices. Not sure yet. But if I want to hide it could you provide me with a code for that as well? It’s a custom sidebar so I can’t hide it using the sidebar settings under the enfold category.

    Thanks in advance, much appreciated all the help.

    January 7, 2020 at 5:01 pm #1171097
    illerrre

    As I wrote in my other thread, https://kriesi.at/support/topic/how-to-change-breakpoint-on-table/#post-1171096, it actually seems like the code you have me in that, more specfically this one:

    @media only screen and (max-width:800px) {
    .responsive .avia_responsive_table .avia-data-table .avia-button-row, .responsive .avia_responsive_table .avia-data-table tr:first-child th {
    display: none;
    }

    Resolved the issues I had with content not being centered the way I wanted it to. It now looks great on all resolutions.

    January 7, 2020 at 9:29 pm #1171239
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Please bookmark Enfold Documentation for future reference.
    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.