Some general issues and some issues related to responsive view on mobile phone

This topic has 40 replies, 3 voices, and was last updated 4 years, 3 months ago ago by Rose Tyler

  • Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 15, 2019 at 10:43

    Hi,

    There are some issues related to responsive view on mobile phone (e.g. on iphone 8 plus, or alike/etc.), other general issue on IE browser and other places, all listed below, your technical help is much much important and appreciated, would really need them to be fixed and waiting online for resolution please, cheers…

    1) On IE browser, pls see this screen shot: https://prnt.sc/pjgwfl so the main menu is on left but not in center like in Firefox or Chrome browsers, also, the top-right corner the Cart icons there are missing in IE browser (e.g. IE version 11 or so)

    2) for pages like this e.g. http://144.208.71.24/~wwwlifebiotechco/rd/ or http://144.208.71.24/~wwwlifebiotechco/scientific-advisory-board/ etc.

    https://prnt.sc/pjgydw how can I make the titles there to be like this https://prnt.sc/pjgzmu
    And,
    How can I move around the title position like this: https://prnt.sc/pjh05r (as current title position is not very standing-out not much clear to see)

    3) Below are mobile view / responsive related issues found:
    https://prnt.sc/pjh17h on this menu on mobile , the About Us menu won’t work as it is on PC, it should like to about us page but when click it only expand the menu down.

    4) https://prnt.sc/pjh28y this issue is Toooooo much space above and below this image on mobile view which is not right — on this page http://144.208.71.24/~wwwlifebiotechco/our-mission/ , if it is on PC view then has no that much space.

    5) On mobile view the Text on banner image is missing: https://prnt.sc/pjh3na on page http://144.208.71.24/~wwwlifebiotechco/scientific-advisory-board/

    6) On mobile view this page http://144.208.71.24/~wwwlifebiotechco/about-us/ lost one image https://prnt.sc/pjh4i3 https://prnt.sc/pjh5hv *the 2nd image: telemore image is missing on mobile view.

    7) On mobile view, the footer section , the ONLY the Telephone text colour goes to white, but it should be dark clour as it should be as other items there. https://prnt.sc/pjh7f5

    Your prompt help / answer would be really really important and appreciated.

    Cheers,
    Kevin

    Please, contact administrator
    for this information.
    39 Answers
    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 16, 2019 at 00:11

    [URGENT]

    Hi,

    Above issues are urgent require fix, Esp. the 1) IE browser issue – main menu won’t be in centre position as that is in FF or Chrome. And those Mobile / Responsive related issues are critical as well.

    Would really need your prompt resolution on above ones, much appreciated.

    Cheers,
    Kevin

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 16, 2019 at 05:52

    Please prioritize above issues for item 1, 3~7 , 2 as priority from high to low, much appreciated for your prompt technical support as always.

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 16, 2019 at 06:15

    I am using the plugin Yellow Pencil which is provided in this theme package, try to do above item 2), I wonder the styling changes made through this plugin, will the future theme upgrades affect such changes made from yellow pencil?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 16, 2019 at 12:51

    Hello,

    1) IE is out of date browser, new header builder includes styles that are not supported by the old browsers like IE. Did you check the statistic, how many of your customers use this browser?

    2) Edit the title and use custom styles to change font-weight, color etc. We made changes at this page as example http://144.208.71.24/~wwwlifebiotechco/rd/

    3) Enable option https://prnt.sc/pk1913

    4) It’s because of your content that is hidden for the desktop but visible for the mobile http://prntscr.com/pk1cvy I don’t know why did you add so many empty spaces elements.

    5) Probably you edited that page because I don’t see the text there, the only image, but the reason was the same – hidden column for the mobile http://prntscr.com/pk1e9h

    6) Don’t see problem with this http://prntscr.com/pk1hbm

    7) Don’t see problem with this http://prntscr.com/pk1hrw

    Regards

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 16, 2019 at 14:50

    Thank you for the answer, really appreciated.

    1) Current header style look pretty good, but it doesn’t support IE (even on very latest version ?), which is not good… as there are still many end users still use IE browser, the only issue is the main menu aligned to left instead of to center position, I think this really should be fixed… could we please do something to solve this menu mis-aligning issue on IE…?

    2) I gave up while waiting for answer in past 2 days, for this item I decided to make an image with those text using drawing software, so won’t worry about the hard way to adjust the position,style, size,etc…. But, thanks anyway for your solution for this item, I will learn from it.

    3) Enable option https://prnt.sc/pk1913 ===> I am not sure about where to goto this place to set….? would you please advise bit more steps by steps, thank you very much.

    4) Thanks

    5) Yes, I later knew this was the text position issue and related to responsive issue, but, anyway, like in above 2) mentioned, I draw the texts into the image and it looks perfect and has no responsive issue (i.e. those texts drew in image will shrink along with image in mobile view)

    6) good and thanks

    7) good and thanks

    8) NEW Question: I today find one thing, seems, sometimes the priority of Theme Option / Custom CSS is higher than Theme Option / Additional CSS, as there was one pieces of CSS code I put in Theme Option / Additional CSS won’t work, but if I put into Theme Option/ Custom CSS it will just work…. Is my understanding correct above ….?

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 16, 2019 at 15:09

    9) NEW question still related to responsive view: https://prnt.sc/pk3vkr , so e.g. in page like this one, in mobile view it got way too much white space in left and right side of the body content, I already set “Stretch row” for this body text content section, it look fine in PC view, but seems this setting doesn’t work for mobile view? and i can’t see other setting there to do separately for mobile/responsive ?

    btw, screen shot in 9) https://prnt.sc/pk3vkr , I changed back the banner image (though i noted down your codes for this page), so the texts on banner image is not missing as it is drew into the image, the coding way I asked before and your coding solution in mobile view, those texts will disappear —- but it’s all good now, I will keep current Text drew into image solution. Just Fyi, Thank you anyway much appreciated.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 16, 2019 at 17:32

    Hello,

    1) I have passed your issue to our developers to fix it in next theme update.
    3) Theme Options > Header builder > Mobile menu https://gyazo.com/1659c3a7fa2b6556f0b79aa6dc73f55d
    8) Maybe, depends on code and situation. Tell me what code did you use? I would suggest you to move all the custom code to child theme style.css and remove it from custom areas to avoid confusion and duplications.
    9) You are using margin in px to add some space for the desktop but this margin won’t disappear for the mobile. So, either use other units like vw, % that depends on the site width or remove the margin http://prntscr.com/pk67kj and add space using column width for the desktop version only http://prntscr.com/pk68fe

    Regards

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 17, 2019 at 03:36

    1) Thank you for escalation of this IE issue, the website is launch this week, it is bit urgent though, if you could please prioritize the fix and about when we could expect the fix in next theme update?

    8) as the website is launching this week at this moment as long as it works so far I may not touch on it for the time being…. but, is my understanding correct, that, if do future theme version upgrade, it won’t wipe off the codes in Custom Css and Additional Css (like won’t wipe off that in Child theme) ?

    9) brilliant ! thanks for this tips, so I will follow your method to do this, best is the using column width I guess.

    10) This is the previous old one above that was missed answering — If I were to use the plugin Yellow Pencil which is provided in this theme package, for doing some styling changes, just wonder will the changes will by affected (/wiped off ) by future theme version upgrade?

    Much appreciated for you technical support as always, and again, that IE issue is really important needs priority for fix.

    With thanks,
    Kevin

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 17, 2019 at 10:40

    Hello,

    1) Check now. We have added some custom styles to child theme style.css to fix the issue.
    8) Changes added to Theme Custom CSS and Additional CSS and child theme style.css won’t be removed after any theme update because theme update works with theme files only, unoften – DB fields/tables related to parent theme only, not to WP or child theme.
    9) You are welcome. Keep in mind that you can also change the container width in Theme Options > General > Site width if default 1170px is not suitable for you and you prefer wider layout.
    10) Yellow pencil works with classes and ids. You won’t lose changes if classes or ids that were used to change something won’t be removed or HTML structure won’t be changed. We work on improvements of theme from time to time and it means that HTML structure changes not always but sometimes. So, you won’t lose your code but I can’t promise that code will be working if something completely changes.

    Regards

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 18, 2019 at 05:53

    Good news Olga ! Our website http://www.lifebiotech.com.au is just launched today !

    1)fantastic !! It’s tested and now it works like a champ on IE !  Heaps of thanks to your great, reliable, customer-oriented and excellent efforts made here to get fast turn around resolution, this definitly helped our launch of the website !!!

    8) Great, thanks for your well explained technical answer.
    9) Great, that is also good to know other option, the theme is truly powerful and flexible to use !!

    10) ok, thanks for your information which is really good to know.
    BTW, is that your theme will be automatically updated by itself whenever your company released a new theme version? or, do we manually updated at our own choice? (and if so how to update theme manually?)

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 18, 2019 at 07:43

    Hi Olga,

    We are doing some testing on launched website, there are feel things here I wonder if it is sth wrong:

    1) the “join our newsletter” in the homepage (XStore Newsletter), please see this: https://prnt.sc/pkwr0u , why it gives this error prompt, and if i click “edit form settings” it goes here https://prnt.sc/pkwrfx , what to do then…

    2) https://prnt.sc/pkwvof I have turned off / Disabled these two payment method, only Paypal is Enabled, but https://prnt.sc/pkww6u here in check out it still shows these two payment methods…? I thought they shouldn’t appear as I disabled in setting…

    3) https://prnt.sc/pkx0uf For the paypal payment setting in XStore, is that basically just put the paypal email into it, then it will work in terms of online purchase and pay into this paypal account, right?

    Thanks again for your help and expect your reply soon, much appreciated.

    Regards,Kevin

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 18, 2019 at 11:56

    Hello,

    Check the documentation and choose the one most suitable for you way to update theme https://xstore.helpscoutdocs.com/article/63-theme-update

    1) First of all, you did not connect your plugin with your MailChimp account https://kb.mc4wp.com/connecting-mailchimp-account-api-key/ Please, follow the plugin documentation step by step to launch subscription.
    2) Disable plugins http://prntscr.com/pl0qg2 and contact plugin authors to solve this issue. We are not plugin developers to be in case. We are XStore theme developers and can help you only with theme options.
    3) Follow the plugin documentation https://docs.woocommerce.com/document/paypal-standard/ We are XStore theme developers and can help you only with theme options.

    Regards

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 20, 2019 at 07:24

    Thanks for your reply.

    1) So this section has to use MailChimp account which requires purchasing an account from MailChimp…? I didn’t expect to pay for this section in the theme, though it was just a feature in the theme ready to use or wordpress included feature to collect subscriber’s email address…

    Is there any alternative way… instead of MailChimp behind this section, just to realize the feature of collecting subscriber’s email address into backend of the website…?

    2) ok, sorry this one I shouldn’t ask from you…

    3) ok, sorry this one I shouldn’t ask from you…

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 20, 2019 at 14:26

    Hello,

    You can use a free version of MailChimp that allows creating 1 form http://prntscr.com/plt5p7 Read more – https://kb.mc4wp.com/
    https://xstore.helpscoutdocs.com/article/91-mail-chimp-form-custom-styles

    Regards

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 21, 2019 at 04:48

    Thanks Rose, this sounds good at lease there is a basic solution ready there to use ! I will give it a try to see…

    one thing, I found for each product page, e.g. this page http://www.lifebiotech.com.au/product/nadvita-nad/ all the text content under each tabs are not copyable…? https://prnt.sc/pm18l0 how can we fix this? Thanks.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 21, 2019 at 14:32

    Hello,

    Don’t see problem with selection but the color is to light for your bg https://gyazo.com/36e02e12470013da2530567d8bfcf461

    Add the following custom to make it darker

    ::selection {
        background: #cccccc;
    }

    Regards

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 22, 2019 at 03:12

    Hi Olga,

    Superb! I didn’t notice it is because of the BG colour thing, though it is not selectable and copyable.

    While using this website, I further found two things, that seems to me is not right:

    1) on pc view https://prnt.sc/pmi4se , on ipad view https://prnt.sc/pmi5gr , on mobile view https://prnt.sc/pmi5r0 , so on ipad and mobile, the account icon / access is missing, and I couldn’t find anywhere else to access account on ipad and mobile view, is there any setting on this? or is this a possible bug? I think on mobile or tablet view at least should have Account icon/access and Cart icons as they are critical feature for ecommerce website.

    2) http://www.lifebiotech.com.au/view/P7Z3DQHBJTGJ/ https://prnt.sc/pmiaxe , I got this page after i clicked “Browse Wishlist” here https://prnt.sc/pmib7l , is this a bug or some setting related…?

    Thanks
    Kevin

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 22, 2019 at 17:41

    Hello,

    1) Watch video tutorial how to use header builder and add the necessary content to the mobile header using header builder https://youtu.be/RbdKjQrFnO4

    2) Have you created the Wishlist page with the necessary shortcode and chosen it in Wishlist settings http://prntscr.com/pmqrmf ?

    Regards

    Avatar: GoldWebs
    GoldWebs “悉尼网站制作专家” 澳洲金网
    Participant
    October 23, 2019 at 06:47

    Thanks, I will check that out…

    Sorry for more question here… https://prnt.sc/pmw2fy , is there any possible setting to turn on/off these items (in the Green block, wishlist / compare / category), we may consider to hide one or two of them.

    Much appreciated.

  • 1 2
    Viewing 20 results - 1 through 20 (of 40 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.