-
AuthorPosts
-
July 30, 2015 at 1:26 am #480494
Hey Guys!
I’m having some major problems with mobile/iPad responsiveness….. a responsive website is very important to me.
The images, text, and blog posts on mobile/iPad for the pages mentioned in private section below are not acting responsive as they used to be. They are all squished in columns, looks really bad.
1) Please check the footer widgets on mobile (just the pages mentioned in the private section) they are messed up (not acting responsive like they used to), I haven’t touched the other pages yet on the website, thank goodness because they are currently fine. It’s only the pages that I have updated that got messed up for mobile.
2) Images and text in color section are not acting responsive either. They used to be fine, now they are not. I will have to edit the other pages in the near future, so we’ll have to figure out what is going on before I start to work on them.
3) Please check the mobile version of the pages mentioned in the private section below. They used to show up very clearly and responsive on mobile/ipad, now they are not. Please advise ASAP.
Is it something to do with any of my Quick CSS?
Essentially I want all of the images and text to be fully responsive when seen on smaller screen so the text and images are very easy to see on mobile/iPad.
I HAD TO PUT A MAINTENANCE MODE ON UNTIL THIS GETS FIXED
I have updated to the latest Enfold theme, and the latest WordPress update…still no luck…
- This topic was modified 9 years, 4 months ago by Yigit.
July 31, 2015 at 6:39 am #481101Hi Courtney,
Please try the following in Quick CSS, make sure to disable all caching/minify plugins to see the changes:
@media only screen and (max-width: 767px) { #footer .av_one_fifth, #implants .av_one_third { width:100% !important; } }
Best regards,
RikardJuly 31, 2015 at 4:56 pm #481473Thanks for the reply Rikard,
1) That fixed responsiveness with the footer, but the first column in the footer is not aligned with the other footer columns anymore when seen in mobile. (you will see the difference once you are in mobile mode). Is there something conflicting with Quick CSS?
2) The color section (with the illustrations) is now responsive — but they are not center aligned on mobile like they used to be — they look messy on mobile, can you check. I changed them to be center aligned but it’s not working. I’d like all of the images in color sections (throughout the entire website) to be center aligned so they look clean on mobile.
3) The other color sections on the page are not responsive anymore and neither are the blog posts…yikes (They used to be, please see the other pages on the website)
4) Please see the site on a mobile device, you will notice that certain columns on the page are squished. I’d like ALL of the columns to be 100% fully responsive throughout the entire site when seen on a smaller device.
5) I have to change content on all of the pages on the website so can you make sure that when I go to update the other pages with new content that I won’t have to worry about responsive being an issue, and that everything is aligned in mobile as it should be. I’d like the entire site to be fully responsive as it used to be.
I have to get this site back up ASAP, thanks a million in advance.
August 3, 2015 at 8:21 am #481935Hi,
Try adding the following as well, though I think it might be easier for you to just recreate the pages you are having problems with. Obviously something has gone wrong there and fixes like this will take a lot of your and our time.
@media only screen and (max-width: 767px) { #footer .first { margin-left: 6% !important; } .page-id-998 .av_one_fifth { margin-left: 0% !important; width: 100% !important; } }
Best regards,
RikardAugust 3, 2015 at 10:52 pm #482440I had to delete the entire page and start from scratch….
-
AuthorPosts
- The topic ‘Mobile Responsive for Footer widgets way too tight’ is closed to new replies.