Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 12, 2019 at 9:32 am #1117986
    Jaispirit

    Dear ENFOLD Support

    I am just creating a new site, this time I want to break the standard ENFOLD ‘Look and feel’ with a different navigation experience for DT and mobile devices.
    According to latest Google Chrome the logo is hown correctly for:
    Galaxy Note 3: Logo is big and shown correctly (360×640)
    iPhone 6/7/8 Plus: Logo is big and shown correctly (414×736)
    iPhone X: Logo is big and shown correctly (375×812)
    iPad: Logo is big and shown correctly (768×1024)
    ==> iPad Pro: Logo is small and shown wrong (1024×768)
    Desktop: Logo is big and shown correctly – right/third (>1024x???)

    How do I get the logo for the iPad Pro also shown big centered?

    Best regards

    • This topic was modified 5 years, 5 months ago by Jaispirit.
    July 13, 2019 at 7:43 pm #1118380
    Mike

    Hey Jaispirit,
    Thanks for the login, when I look at your homepage for iPad (768px) resolution I see the logo centered like screenshot #1 and for the iPad Pro (1024px) resolution I see the logo to the right over a button, please see screenshot #2.
    So the 1024px resolution (actually 989px) is the beginning of the desktop break, if you want this to change, at what size do you want this to occur at?

    Best regards,
    Mike

    July 14, 2019 at 5:18 am #1118435
    Jaispirit

    Dear Mike
    Thank you for your support.
    The logo in screenshot 2 iPad Pro (widescreen) is correct (right third), I would like to have the logo in tall screen also centered like in screenshot 1 for iPad Pro. Is that possible?
    Best regards

    July 14, 2019 at 3:05 pm #1118494
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 767px) and (max-width: 989px) { 
#top #main .avia-section .template-page {
    width: 100% !important; 
    border: none;
    margin-left: auto;
    padding-left: 0;
    margin-right: auto;
}
.av_one_full.avia-builder-el-6 {
    margin-left: 6%;
    width: 29.333333333333332% !important; 
    float: right;
}
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.