Website layout in iPhone

This topic is: Resolved

This is a PRIVATE forum for verified users only, to view the replies/answers, you must be logged in!

This topic contains 6 replies, has 2 voices, and was last updated by  Brian Le Vu 2 years, 2 months ago.

  • Author
    Posts
  • #4675

    Brian Le Vu
    Member
    Post count: 81

    Hello @Maxxi and @jacob,

    Can you help me take a look at the picture here below here. There are two problem with it:

    1. the icon in the menu which added as instruction in one of the previous post here make the header is too long. Are there anyway I can arrange them together instead of hide them in small size for iPhone

    2. The total share button, as you can see, the button go to the second line. I don’t know how but I didn’t do any custom CSS with it and it is always like this.

    menu and share button

    These issue only show up in iPhone (test with iPhone 4,5 and 5s), no problem when view in web browser small size or table.

    Bests,

    Brian

  • #4679

    CarlosMarli
    Member
    Post count: 123

    2.- The same thing happened to me and it was because using this to control the appearance of meta info on mobile devices. Maybe you did the same.

  • #4683

    Brian Le Vu
    Member
    Post count: 81

    Hello @carlosmarli,

    Thank you for the reply. I follow the instruction in the best by adding the custom css

    html #content .entry-header .entry-meta .post-meta-info.yt-impressive-like-button {
    display: inline-block !important;
    }

    but it doesn’t help. clear cache after change also not working. Everything works normal. I even use safari to change user agent as iphone, it works normal there but not in the real iphone view 🙁

  • #4684

    CarlosMarli
    Member
    Post count: 123

    I did not mean to add the code, sorry for the confusion, english is not my native language. The code above is used to display the LIKE button on mobile devices and it breaks the aesthetic of the theme.

    If you see my website on any post, only the date appears below the share button

  • #4717

    Brian Le Vu
    Member
    Post count: 81

    @carlosmarli, I see, but I want them to be shown in the website including in the smartphone view.

    I just don’t know why everything looks normal when review in desktop but not in smartphone. And I didn’t change anything for it. So maybe just wait for @Maxxi and @jacob to help with this.

    By the way, I like the popup with facebook like. Can you let me know which plugin you use for it?

    Bests,

    BRian

  • #4719

    CarlosMarli
    Member
    Post count: 123

    Sure, Popups by Damian Logghe, you can find it on the plugins repository of WordPress.

    Do you use a plugin for the newsletter signup? I really like it.

  • #4727

    Brian Le Vu
    Member
    Post count: 81

    Thank you @carlosmarli, I will test the plugin later. I tried something similar before but the conversion rate is not too high.

    It is just a default embed code from Mailchimp and I just add CSS for it. It is not a plugin to keep the website load faster.

    By the way, I found out what was the problem with the iPhone layout. Because the number of like to large + the width of iPhone is too small to show everything in one line So the breaks the layout. So what I did is adding the CSS only for iphone to hide the date, and everything is ok now 😀

    Topic is resolved

You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view the replies/answers, you must be logged in!