Okay
  Public Ticket #1329736
Mobile responsive ness
Closed

Comments

  •  2
    Nehel started the conversation

    please see what my blog 

    Zeboio/blog

    And a single blog post look like on a mobile

    I am horrified by this as  I thought the theme was responsive!!! Please tell me how to fix this ASAP as my blog has been delayed two months because of all the problems with your theme and slow response time of your team

    https://www.dropbox.com/sh/j5yglik20pi2jqe/AAAEhr7w7oBSQ3gLknAxxlD-a?dl=0

    Here's a list of issues

    1. Menus are showing bottom and top and twice at the bottom and formatted weird with lots of highlighting, different colour backgrounds etc

    2. Blog posts are listed against a black background and you can read anything

    3. Single blog post background is a sick yellow

    4. Single blog post formatig is terrible even though looks great on computer

    5. Pic not loading

    6. Lots of empty yellow space 

    I can keep going on 





  •  9,016
    Tahir replied

    Hey Again,

    Looking at your images it seems that you server is timing out and the pages arent loading 100% therefore the issue. 

    I cant seem to recreate the issues in Browsershot : http://prntscr.com/gvkgwi . 

    Are you having these issues on a particular device ?. Have you checked with your hosting provider and ask whether they are having Timeout Issues ?. 

    Also try using the Optimization plugins recommended in this Article http://themenectar.com/docs/salient/performance-optimization-guide/ and check if that makes a difference . 

    Be.st 


    ThemeNectar Support Team 

  •  2
    Nehel replied

    No there are no timeout issues. All other pages work fine, problem is with your theme's blog layout. Please try it on an actual phone. Can you please see what's happening with points 1, 2, 3, 4, and 6 below. Your suggestions did not solve the problem and the problem is far greater than 1 picture not loading. 

  •  2
    Nehel replied

    Can you please also address my previous ticket Blog. Those issues are still outstanding

  •  9,016
    Tahir replied

    Hey Again,

    I just tested on the Android Mobile as well and its working perfectly.  Did you try the Caching and Minification Plugin .

    Be.st 


    ThemeNectar Support Team 

  •  2
    Nehel replied

    Hi, I had hired soemone to improve our speed a few months back and she had set up caching, minification and smushing as part of the speeding process. I will check again.


    I have some additional questions. 

    1. In this blog post, on mobile, http://zebo.io/small-business-need-chatbot/ the image comes before the text. How do I get it to come after the first few paragraphs. It looks weird coming before the article has even begun. Should I just switch the columns? i.e. the image is the first column in the row 

    2. How do I create image captions so the image and the title aren't a few paragraphs of text apart!! As seen in the pics/on a mobile. The blue text is the caption 

    3. In the pc view the text is formatting fine re padding. But on a mobile its kinda sticking to close to the edge on the left side. How to prevent this from happening?

    4.. As you can see on the blog zebo.io/blog there are no thumbnail pics showing. Because I haven't set any - because I don't know how to... How do I set up thumbnail pics (and optimize them for mobile view as well)


    Thank you!!

  •  9,016
    Tahir replied

    Thanks for the info. i dont see any minifcation turned on at the moment.

    1: Please have a look at this Article :Change Mobile Column Order.

    2:Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
        .divider {
            height: 15px !important;
        }
    }

    3: You seem to have only added the column padding to top and right which is causing the text to align to the left edge . See screenshot : http://prntscr.com/gw0c5u . 

    4: Simply set the Featured Image for each post in here to make the images show up ": http://prntscr.com/gw0e55 . 

    B.est


    ThemeNectar Support Team 

  •  2
    Nehel replied

    I installed the minification plugin and followed the instructions in this article http://themenectar.com/docs/salient/performance-optimization-guide/

    After that I tried opening my website and it wouldnt load. Some pages did load but they looked all messed up. So I had to delete it


    2. What does the code you provided in (2) do? In general how do I set captions for images?

    1, 3 and 4- resolved! Thank you!

  •  9,016
    Tahir replied

    Hey Again, 

    Hope you had a Great Weekend, 

    You will need to fine tune the minification settings as per the guide  to make it work 100% . 

    2: It reduces the Divider VC Element height in mobile screen only . 

    Best 


    ThemeNectar Support Team