New to the community? Start here

CSS help on Mobile site / smaller screen resolutions

Hi, Had the mobile site looking perfect then one of the recent changes must have messed up everything, seems to have lost lots of custom changes + new issues came up.

Previous issue was the text was appearing really small now its resolved but need help with these CSS changes (mostly colour and layouts):

Home page – http://take.ms/OWNRD

Product page – http://take.ms/KnmPK

Upload artwork – http://take.ms/VI5el

Uploading file 2 – http://take.ms/ybqB9

result after uploaded – http://take.ms/Ji4Ew

Basket page – http://take.ms/mFLgU

payment page – http://take.ms/33m8E

Support Access is open

Domain: http://tinyurl.com/ounlhnf

Thanks

Tom

Mon, 15 Feb 2016 22:58:37
  • Milan
    • WordPress Wizard

    Hello @info2961,

    I hope you are well today and thanks for asking us. :slight_smile:

    Can you please tell me which update caused this issue ? Did it was one of our plugin which messed your site look ? If its third party plugin, my best advice to you is that you please contact them and let them know their update caused your this issue. It will be better if they tackle down this issue as it will help them to find culprit in his product.

    And if it was one of our product then please let me know which plugin you’ve updated from its which version to latest one ?

    Dear member before tackle down your this issue( if its with our plugin update ) I want to make a little note here about our support service. We do provide custom css changes if its caused by our products. And If not then also we try our best to give you some workarounds but there is small edge limit. Changes you’ve requested is crossing that limit as it requires attention of good web developer. So my suggestion is if these issues popped up after updating third party product please contact support team of that product as its better for your site’s overall look and feel consistency for longer period of time.

    Looking forward to hearing back from you. :slight_smile:

    Thanks & Have a good day.

    Milan Savaliya

  • Tom
    • Code Wrangler

    Hi Milan,

    Thanks for the reply, it was not caused by an updated of any plugin. I believe it was caused by changing some CSS on one of my last Forum posts, possibly this one

    – https://wpmudev.com/forums/topic/css-changes-to-site-everything-looks-small

    or

    – https://wpmudev.com/forums/topic/css-changes-to-footer-when-viewed-on-mobile-devices#post-1026681

    I changed some code that I gave you before to the correct places and I removed some duplicates.

    Could you help me out with some those CSS changes? They are mostly similar things such as changing the colour of buttons and moving/hiding elements

    Thanks

    Tom

  • Tom
    • Code Wrangler

    Hi,

    After short chat with Luis in live chat discovered that the changes were not lost :slight_smile: however was not able to resolve during live chat.

    There issue remaining is that when viewing the site in Portrait mode changes seems to have disappeared or not to take effect. but when viewing in landscape mode site looks as it should be. Is it possible to check if there is a piece of CSS that is limiting the portrait mode in some way and affecting the site in this way? Or add some CSS so that the Portrait looks like it does in landscape mode?

    Thanks

    Tom

  • Predrag Dubajic
    • Support

    Hi Tom,

    I had a look at your Custom CSS code and there were quite a few mistakes there that were most likely causing some parts of the code to even load.

    Since I made quite a few fixes in the code I didn’t want to replace your current code since your site needs to be tested after that to make sure everything is in place.

    So I have attached the file here so you can add that code after making a backup of your current one.

    Best regards,

    Predrag