Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 19, 2018 at 4:11 pm #944146
    seykom

    Hi,

    could you please have a look at my site in mobile version?
    Everything´s ok but the header on the homepage overlaps with text, and partly text overlaps with other text. And I don´t know how to fix it.

    Thank you!

    April 19, 2018 at 4:19 pm #944148
    Nikko

    Hey seykom,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Best regards,
    Nikko

    April 20, 2018 at 8:53 am #944489
    seykom

    Thanks!

    April 20, 2018 at 5:24 pm #944649
    Nikko

    Hi seykom,

    Thanks for giving us the admin access, I have added this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #top.home .flex_column.av_two_fifth.avia-builder-el-5 {
    margin-top: -100px !important;
  }
}

    Let us know if you need further assistance :)

    Best regards,
    Nikko

    May 15, 2018 at 5:20 pm #957112
    seykom

    Hi,

    same problem again with another page.
    I created a French version of the site with the same problem. The page is called “maison” instead of home.
    Tried the code above with maison but does not work:

    @media only screen and (max-width:767px) {
    #top.maison .flex_column.av_two_fifth.avia-builder-el-5 {
    margin-top: -100px !important;
    }
    }

    What went wrong?

    Thank you!

    May 16, 2018 at 2:06 pm #957499
    Rikard

    Hi seycom,

    I think you will need to look for the page-id class which is located in the body tag if you inspect the page in your browser. There is no class which reflects the name of your page.

    Best regards,
    Rikard

    May 16, 2018 at 2:15 pm #957506
    seykom

    Hi,

    could you help me with a code? The page id is 320
    Tried it by my own, but doesn´t work.

    May 17, 2018 at 7:57 am #957981
    Rikard

    Hi,

    You can try this:

    @media only screen and (max-width:767px) {
.page-id-320 .flex_column.av_two_fifth.avia-builder-el-5 {
margin-top: -100px !important;
}
}

    If it doesn’t work then post a link to the actual page.

    Best regards,
    Rikard

    May 17, 2018 at 9:01 am #958026
    seykom

    Hi,

    works fine!

    Thank you :)

    May 17, 2018 at 1:35 pm #958142
    Nikko

    Hi seykom,

    Glad that Rikard helped you. :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Header behaviour in mobile version’ is closed to new replies.