Support » Plugin: AMP » Twenty Nineteen Header Alignment Changes On AMP Version

Twenty Nineteen Header Alignment Changes On AMP Version

  • Resolved Jero

    (@jero25)


    2 years, 4 months ago

    I use Twenty Nineteen theme on my website and created a child theme to display the header section aligned in centre.

    The alignment works fine both on mobile and desktop on non AMP version.

    But on AMP version the header section aligns to the left.

    Need help in fixing it.

    My Plugin Settings
    Template Mode : Transitional

    Supported Templates > Content Types
    Posts, Pages, Media, My Templates – All Enabled

    Supported Templates > Templates
    Serve all templates as AMP – Enabled

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Milind More

    (@milindmore22)

    2 years, 4 months ago

    Hello,

    As I inspected your site it seems to be an issue with CSS styling, and not specific to the AMP plugin, I will recommend using Reader mode and choose from pre-tested themes.

    Alternatively, if you wish to remain using transitional mode you can apply CSS similar to the below, but please modify it to suit your needs. We don’t provide CSS specific support in the support forums.

    Remove

    
.site-branding {
    margin: 0 calc(10% + 60px);
}
.main-navigation .main-menu > li {
    margin-right: 2.1rem;
}

    Add

    
.site-branding {
    text-align:center;
}
    • This reply was modified 2 years, 4 months ago by Milind More.
    Thread Starter Jero

    (@jero25)

    2 years, 4 months ago

    Hey Milind,

    Thank you for your reply. I tried your solution but for some reason it didn’t work.

    I did some research regarding this and I guess this could be due to AMP Cache.

    Anyway, Thanks!

    Thread Starter Jero

    (@jero25)

    2 years, 3 months ago

    Hey Milind,

    Just wanted to update you regarding the issue.

    Now the alignment issue in the AMP version has been fixed, without any additional action.

    As I suspected earlier this is due to AMP Cache.

    Plugin Support Milind More

    (@milindmore22)

    2 years, 3 months ago

    Thanks for the update, yes this could be possibly due to site cache or AMP cache.
    but good to know your issue has been resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Nineteen Header Alignment Changes On AMP Version’ is closed to new replies.

Views