Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #743040

    Dear all,
    I’m working on a customer’s website which is still under construction. As always everthing is fine using your awesome theme, but one thing is really strange – I don’t have an idea how to solve this problem!
    The last part of just one page is not displayed correctly on smartphones only. It starts with a template I’ve used for two times above on this page without any trouble. I constructed the page again and again but the bug always appeared. What can I do?

    Many thanks in advance & kind regards,
    Petra

    #743167

    Hey Petra_MUC,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #743405

    Hi Rikard,

    many thanks for your quick response! :-)
    You’ll find login URL and admin login below.

    Kind regards,
    Petra

    #743720

    Hi Petra,

    Thanks for the login details. I can’t see anything which should cause that problem though, could you try to add Color Section elements around the content which you are having problems with to see if that helps please?

    Best regards,
    Rikard

    #743805

    Hi Rikard,

    I did, also with grid row. The result is that there is so longer an overlay and unwanted borders appear. And the bug (too small containers on smartphones) is still there. The problem with the borders in the last section is the second strange occurance, using color section or grid row or not.

    It was really difficult to find a pleasant layout for the customer’s content. So I really would like to stick to this one. But on mobile it’s a catastrophy. :-(

    Do you have another proposal for an underpayed freelancer? ;-)

    Kind regards,
    Petra

    #746078

    Hi,

    Can you try to add this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
      #top .no_margin.av_one_half,
      .responsive #top .flex_column_table_cell {
        width: 100%;
      }
      
      #top .flex_column.av_one_fifth {
        width: 100%;
        margin-left: 0;
      }
    }

    Let us know if this helps you with the mobile issue.

    Best regards,
    Nikko

    #748310

    Hi Nikko,
    many thanks for your answer and please apologize my late feedback. I haven’t been well for some days.

    Your code really works! Not 100 per cent, but after I’ve changed some litte details my customer won’t realize that there once has been a problem with responsivity.

    So thank you again for your excellent and prompt support!

    Best regards,
    Petra

    #748792

    Hi Petra,

    Great, glad you managed to get it working and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #749507

    Hi Rikard,
    yes, you may close the topic. But I would be glad if you could solve this problem with one of the next updates. ;-)

    Many thanks & best regards,
    Petra

    #749784

    Hi Petra,

    Thanks for the feedback, we’ll look into it for sure. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Strange display of just the last part of a page on smartphones’ is closed to new replies.