Website layout in iPhone

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

Status: resolved
Viewing 6 reply threads
  • Author
    Posts
    • #4675

      Brian Le Vu
      Member

      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

      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

      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

      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

      @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

      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

      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

Viewing 6 reply threads
  • You must be logged in to reply to this topic.

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

© Copyright 2019 by wpthms.com. All Rights Reserved.