Return to previous page

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

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

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.

#223208 Copied Theme version: v.6.1.3 WooCommerce version: 3.6.5

39 Answers

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

#223251 Copied

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.

#223258 Copied

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?

#223259 Copied

Olga Barlow

Participant

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

#223291 Copied

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 ….?

#223300 Copied

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.

#223307 Copied

Olga Barlow

Participant

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

#223322 Copied

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

#223337 Copied

Olga Barlow

Participant

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

#223363 Copied

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?)

#223441 Copied

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

#223448 Copied

Olga Barlow

Participant

October 18, 2019 at 11:56

Hello,

Check the documentation and choose the one most suitable for you way to update theme https://www.8theme.com/documentation/xstore/theme-installation/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

#223492 Copied

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…

#223552 Copied

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://www.8theme.com/documentation/xstore/plugins/mail-chimp-form-custom-styles/

Regards

#223570 Copied

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.

#223594 Copied
Olga Barlow

Participant

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
#223624 Copied
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

#223648 Copied

Olga Barlow

Participant

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

#223676 Copied

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.

#223705 Copied
Rose Tyler

Support staff

October 23, 2019 at 07:11
Hello,

You can use custom CSS code:
For example:

.single-product .yith-wcwl-add-to-wishlist, .single-product .compare, .single-product .products-page-cats { display: none; }

Regards
#223706 Copied
GoldWebs “悉尼网站制作专家” 澳洲金网

Participant

October 23, 2019 at 15:16

Hi,

For last question below:

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…?

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

I am not sure how to creat a wishlist page from a scratch… I though this was a ready-made page or feature there in the theme, but seems it doesn’t exist… I would really need a help on this, what proper shortcode and what page template to use etc. etc. ….

Thanks again…

Btw, for the compare feature, is that when you click on compare in one product, then goto another product to click compare again, in order to compare them two?

p.s. I have just temporarily hide the wish-list / compare icons in product page as NOT sure about these…. but please kindly help. Thanks.

#223731 Copied

GoldWebs “悉尼网站制作专家” 澳洲金网

Participant

October 23, 2019 at 15:17

Thanks Rose for your above help, much appreciated.

#223732 Copied

GoldWebs “悉尼网站制作专家” 澳洲金网

Participant

October 24, 2019 at 01:42

Hi,

For last question below:

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…?

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

I am not sure how to creat a wishlist page from a scratch… I though this was a ready-made page or feature there in the theme, but seems it doesn’t exist… I would really need a help on this, what proper shortcode and what page template to use etc. etc. ….

Thanks again…

Btw, for the compare feature, is that when you click on compare in one product, then goto another product to click compare again, in order to compare them two?

p.s. I have just temporarily hide the wish-list / compare icons in product page as NOT sure about these…. but please kindly help. Thanks.

#223746 Copied

Olga Barlow

Participant

October 24, 2019 at 17:44

Hello,

2) Go to Page > Add new > add the title Wishlist and paste the wishlist shortcode mentioned in the wishlist settings below the page select https://prnt.sc/pmib7l > Publish the page. Then go to YITH > Wishlist and choose the newly created page. Save settings. That’s all.

3) Read detailed information about Compare feature here https://wordpress.org/plugins/yith-woocommerce-compare/ on the plugin page. Let me know if you need any other information about compare after that.

Regards

#223795 Copied

GoldWebs “悉尼网站制作专家” 澳洲金网

Participant

October 30, 2019 at 10:20

Hi,

For below your reply about Newsletter feature, I followed your instructions, created a free plan in MailChimp, and when I put an email address into website Newsletter field, click +, it gives message like https://prnt.sc/pq1cwc (Thank you, your sign-up request was successful! Please check your email inbox to confirm.)

However, when I goto check my email inbox, there is NO confirmation email received there, would you please kindly help me out on this, website was LIVE and really appreciated your prompt support.

With thanks,
Kevin

==================================
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://www.8theme.com/documentation/xstore/plugins/mail-chimp-form-custom-styles/

Regards
==================================

Please contact administrator
for this information.

#224064 Copied

Olga Barlow

Participant

October 30, 2019 at 11:32

Hello,

1) The message that users get after sign up you can change in the form settings http://prntscr.com/pq2da5
2) Have you read the MailChimp documentation and created confirmation email https://kb.mc4wp.com/customising-confirmation-email/ in your MailChimp account area?
MailChimp plugin is recommended plugin but we are theme developers, we are not plugin developers, that’s why we would be very grateful if you try to read the plugin documentation, try to search the necessary information first http://prntscr.com/pq2l56 before contact theme support about plugin options. Thank you for understanding.

Regards

#224072 Copied

GoldWebs “悉尼网站制作专家” 澳洲金网

Participant

October 31, 2019 at 00:31

Thank you Olga for your professional reply, it is helpful.

I found the issue was due to that confirmation email went to SPAM mailbox, I thought initially there was issue between Website and Mailchimp.

Thanks again.

#224115 Copied

GoldWebs “悉尼网站制作专家” 澳洲金网

Participant

October 31, 2019 at 01:11

one thing here: https://prnt.sc/pqe5p7 , on PC view the left / right alignment is perfect, then in the mobile view, https://prnt.sc/pqe6wm , there are two issues as below:
1) the copyright footer 1st line aligned in center which is perfect, but the social icons, how to let it also aligned to center in mobile view so to be look neat and nice?
2) still I can see the phone number is missing on mobile view (tried on iPhone Safari and Chrome browsers), likely the phone number colour went to White? but on PC has no such problem.

Could you please help me again, much appreciated.

#224116 Copied
Rose Tyler

Support staff

October 31, 2019 at 09:53
Hello,

1) Add this custom code in Custom CSS for mobile area:

.copyright-footer .et-follow-buttons { justify-content: center; }

2) Do you have this problem on a particular page or on all pages?

Regards
#224124 Copied
1 2

Viewing 30 results - 1 through 30 (of 40 total)