Title: Default CSS Caused Misalign
Last modified: September 10, 2019

---

# Default CSS Caused Misalign

 *  Resolved [ivanc82](https://wordpress.org/support/users/ivanc82/)
 * (@ivanc82)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/default-css-caused-misalign/)
 * The default ‘Swift’ theme homepage featured image cause misalign on mobile below
   768px after new CSS added all of the sudden (not custom CSS). Previously was 
   working fine.
 * I am unable to adjust it using media queries because it will prompt Amp error.
 * Below is the CSS
 * [@media](https://wordpress.org/support/users/media/) (max-width: 768px)
    .b-w.
   fsp, .arch-psts .fsp { flex-basis: calc(100% – 30px); }
    -  This topic was modified 6 years, 8 months ago by [ivanc82](https://wordpress.org/support/users/ivanc82/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdefault-css-caused-misalign%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [Ahmed Kaludi](https://wordpress.org/support/users/ahmedkaludi/)
 * (@ahmedkaludi)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/default-css-caused-misalign/#post-11920357)
 * I checked your site on 768 and below but I couldn’t see any margins issue, Can
   you please send me a screenshot which will help me understand this?
 *  [planodocom](https://wordpress.org/support/users/planodocom/)
 * (@planodocom)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/default-css-caused-misalign/#post-11936624)
 * The same issue on my website [planodo.com](https://planodo.com)
 * Here picture -> [picture](https://ibb.co/CV7V1xv)
 *  Plugin Author [Ahmed Kaludi](https://wordpress.org/support/users/ahmedkaludi/)
 * (@ahmedkaludi)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/default-css-caused-misalign/#post-11939058)
 * ivanc82 – Are you still having the issue?
 * planodocom – the issue that you are having is different I think. I have noticed
   you have square thumbnails on your homepage. Can you share the screenshot of 
   the homepage thumbnail settings? So that I can understand and help you fix this?
 *  [planodocom](https://wordpress.org/support/users/planodocom/)
 * (@planodocom)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/default-css-caused-misalign/#post-11939572)
 * Hi Ahmed, it looks the same for me as when I delete CSS line below then it works
   fine.
 * [@media](https://wordpress.org/support/users/media/) (max-width: 768px)
    .b-w.
   fsp, .arch-psts .fsp { flex-basis: calc(100% – 30px); }
 * My thumbnails sizes and AMP settings. Adjusting sizes in AMP settings didn’t 
   help…
    [https://ibb.co/9hFbFJc](https://ibb.co/9hFbFJc) [https://ibb.co/74vmTVz](https://ibb.co/74vmTVz)
 *  Plugin Author [Ahmed Kaludi](https://wordpress.org/support/users/ahmedkaludi/)
 * (@ahmedkaludi)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/default-css-caused-misalign/#post-11957068)
 * This is definitely due to a specific setting or a scenario. I’m trying hard to
   reoccur but it’s not occurring on my end.
 * Can you try to export the settings and share me that URL of export settings? 
   I will import it and see if I am able to re-create, once it’s recreated, I will
   fix this immediately!
 *  [planodocom](https://wordpress.org/support/users/planodocom/)
 * (@planodocom)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/default-css-caused-misalign/#post-11957281)
 * Hi mate,
 * Thanks in advance. Link to exported settings below.
 * [https://1drv.ms/u/s!AvGuyVtntmmqhIBAdlX50NzB9JXkvw?e=xgc6hm](https://1drv.ms/u/s!AvGuyVtntmmqhIBAdlX50NzB9JXkvw?e=xgc6hm)
 *  Plugin Author [Ahmed Kaludi](https://wordpress.org/support/users/ahmedkaludi/)
 * (@ahmedkaludi)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/default-css-caused-misalign/#post-11962404)
 * Thanks! I was able to re-create this and have reported this on [https://github.com/ahmedkaludi/accelerated-mobile-pages/issues/3691](https://github.com/ahmedkaludi/accelerated-mobile-pages/issues/3691)
 * I will make sure that we fix this immediately!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Default CSS Caused Misalign’ is closed to new replies.

 * ![](https://ps.w.org/accelerated-mobile-pages/assets/icon-256x256.png?rev=1693616)
 * [AMP for WP - Accelerated Mobile Pages](https://wordpress.org/plugins/accelerated-mobile-pages/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/accelerated-mobile-pages/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/accelerated-mobile-pages/)
 * [Active Topics](https://wordpress.org/support/plugin/accelerated-mobile-pages/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/accelerated-mobile-pages/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/accelerated-mobile-pages/reviews/)

## Tags

 * [Swift theme](https://wordpress.org/support/topic-tag/swift-theme/)

 * 7 replies
 * 3 participants
 * Last reply from: [Ahmed Kaludi](https://wordpress.org/support/users/ahmedkaludi/)
 * Last activity: [6 years, 7 months ago](https://wordpress.org/support/topic/default-css-caused-misalign/#post-11962404)
 * Status: resolved