Update:

Just managed to resolve the unwanted grey square.  It was a setting in the slider.

Update:

Managed to sort the messed up text layout on our home page (final paragraph).  However, an ‘Empty Space’ element is not working as it should – it appears after the list of bullet points – the space here should be bigger.

The main issue I still is with mobile view in portrait mode where the logo is still not showing in the middle but is shown on the right.  Also, the heading is missing one word.

Help!  I added the two bits of CSS code and the main logo disappeared from every page.  I removed the two new bits of CSS as above but I can’t get the logo back..

Ok.  I got the logo back by removing it in settings and re-uploading it.

If you could help on the mobile portrait view problem that would be great.

Should I use this instead of :

@media (max-width: 979px){ .header_page.normal h1 { font-size: 17px !important; } }

and

@media (max-width: 480px){ #logo { left: 40% !important; } .header_10 #logo { position: absolute; }}

?

• This reply was modified 6 years, 1 month ago by Mirela. Reason: html tags

I tried replacing:

@media (max-width: 480px){ #logo { left: 40% !important; }

with:

@media (max-width: 480px){ #logo { left: -50% !important; }}

but still no improvement unfortunately. The logo still appears on the right side instead of in the center when viewing the website in mobile portrait view.

• This reply was modified 6 years, 1 month ago by Mirela. Reason: html tags

Unfortunately it is still not working in mobile portrait view.  The logo is still to the right of the cart icon and the title is still not displayed correctly with the last word missing.

Thank you for doing that.  I just checked on my Samsung Galaxy S7 Edge and in portrait view the logo now appears underneath the 3 lines on the left that you click to see the menu.

Thank you.  That’s looking better.  With this code can I adjust it to make the logo slightly bigger?

iPad / Tablet Portrait View – If I add a product to the cart from the Online Shop page, the resulting page does not look good – the text and buttons are merging in to each other.  Also, the email address at the bottom merges in to the next footer column.  How can I fix this please?

Thank you for your superb help and assistance so far and sorry for all the questions.  We are about to launch this site at the weekend to start selling turkeys and chickens etc. for the forthcoming Christmas period so are keen to make everything look OK for our customers.  The theme is looking really nice on our site so we just have a few little bits to sort and we should be ready.

I’ve added the above code but the logo size is still the same despite increasing the height – it always looked ok in landscape mobile and tablet view but the problem is when looking at it in portrait view on mobile – it’s still very small.

I’ve also added the other code and a space to the email address and asked a colleague to check the site on their iPad and iPhone.

Thanks again for your advice and guidance.

I also mentioned earlier one other small issue when looking at the website on mobile in portrait view and that is on the home page the title is not displayed completely – the last word ‘Poultry’s is missing.  It’s there in landscape but missing in portrait.  Is this something we can resolve?

Ok, many thanks for doing that for me.  The logo is now larger but the three icons (menu – logo- cart) that appear at the top of the page when viewing the site on a mobile in portrait view are not quite central and and are positioned more to the left.  Is there a way to make them appear central?

Also, the title of the home page is still missing the last word ‘Poultry’ when viewing on mobile in portrait view.

My client is still saying that the following is still a problem on her iPad (landscape or portrait view):

”
<span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”>iPad / Tablet Portrait View – If I add a product to the cart from the Online Shop page, the resulting page does not look good – the text and buttons are merging in to each other.  Also, the email address at the bottom merges in to the next footer column.  How can I fix this please?</span>

”

Everything looks great on other devices, it’s just an issue on iPads now.

The layout as it is at the moment is ok with Menu on the left of the logo and the cart on the right of the logo.  At the moment, when you view the website in portrait mode on a mobile phone these three items are in the right positions but all three are a bit too far to the left whereas they should all be centralised.  We don’t want to change the positions of each item just make all three central when you look at the site.

Thanks for the title advice – I’ll make the change.

I’ve cleared the cache in WordPress.  I’m not sure how to do a hard refresh on iPad but will investigate to find out how.  I’ll see how it looks once we’ve sorted the refresh.

Excellent.  Thank worked.  Many thanks.

I’m trying to find someone with an iPad so that I can test the function of the checkout so that I can prove to my client that the checkout page does not look jumbled as she is still saying!

Which type of iPad did you test the page on please?

Ok, thanks.  I found out today that my client is looking at the website on an old iPad running iOS 10 and it is too old to be updated!  This must be the reason for the problems they have when looking at the shopping cart.

Just looked at the online shop on a new iPad after adding a product and there is a bit of an issue with merging of buttons and text as you can see from the attached photos.

https://www.turnbullturkeys.co.uk/wp-content/uploads/2018/10/20181027_102121.jpg

https://www.turnbullturkeys.co.uk/wp-content/uploads/2018/10/20181027_102048.jpg

Let me know if you need admin access to the site again as I’ve now made the site live at the above url so I’ll need to give you new login details.

Ok, many thanks, will do but it will take a day or two before I can borrow a friends iPad to check.

Did you see the issue on your iPad and if so, has that issue now gone?

Sorry but I don’t know what you mean.