Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 14, 2014 at 1:01 pm #367950
    IndikatorDesign

    Hey there,

    hope your well today!

    In CSS for Enfold you setup this:

    .responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header {
width: 1310px;
max-width: 90%;
}

    That works well for all Desktop-Browsers, but it breaks in mobile Safari for iOS, in my case on iPad.

    The Problem: Navbar has just 90%. If you set it to 100%, it breaks on desktop browsers..

    Any idea how I can fix it?

    Below is a link to a screenshot and URL to the page.

    Thank you!

    Best regards
    Bruno

    December 15, 2014 at 5:38 am #368149
    Ismael

    Hey Bruno!

    Thank you for using Enfold.

    There are css media queries added to compensate for smaller screen sizes. I checked the site but I don’t see the issue described on the screenshot. I’ll ask the rest of the support team to take a look.

    Cheers!
    Ismael

    December 17, 2014 at 8:56 am #369361
    IndikatorDesign
    This reply has been marked as private.
    December 17, 2014 at 6:08 pm #369621
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 1024px) {
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header {
max-width: 100%;
}}

    Best regards,
    Yigit

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