Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 22, 2023 at 7:33 am #1411355
    rixi

    Hi,
    i would like to know if iit is possible to move the first left text gridbox on most of my pages higher on the mobile version.
    The pages are all under the navigation “Leistungen” On the desktop version i like the position but on mobile its to far down.
    Would be great if that is possible. :)

    Thanks a lot!

    Many greetings rixi

    June 22, 2023 at 10:58 pm #1411437
    Nikko

    Hi rixi,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS, to move those burger menus on top:

    @media only screen and (max-width:767px) {
  #top #av-burger-menu-ul {
    vertical-align: top;
  }
}

    Best regards,
    Nikko

    June 23, 2023 at 8:06 am #1411461
    rixi

    Hi Nikko,
    thanks for your answer!
    But i didn`t want to move the menue, i would like to move up the first grid box on the pages. In the moment half of the page is on mobile with the background picture. The box should move a little bit higher over that picture. Hope you can understand what i mean.

    Many greetings
    rixi

    • This reply was modified 1 year, 3 months ago by rixi.
    June 24, 2023 at 9:45 pm #1411573
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
#top #av_section_2 .avia-builder-el-first.first.flex_column_div {
	margin-top: -400px;
}
}

    Feel free to adjust the negative margin to suit, this worked on the three pages that you linked to and should work on any other pages with the same structure.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 25, 2023 at 1:40 am #1411587
    rixi

    Hello Mike,
    thanks a lot. I put the code in but nothing changed.Still by -1200 it looks the same.Have cleared the cache too.
    Strange that it works on your device.
    Any idea why that could be?

    Many greetings rixi

    June 25, 2023 at 11:10 am #1411609
    Rikard

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 767px) { 
#top #av_section_2 .avia-builder-el-first.first.flex_column_div {
  margin-top: -400px !important;
}
}

    Best regards,
    Rikard

    June 25, 2023 at 12:48 pm #1411615
    rixi

    Hello Rikard,
    perfect :)))))))))))) Thank you!!!!!!!

    Many greetings
    rixi

    June 25, 2023 at 1:51 pm #1411618
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘move text boxes (grid) on mobile version’ is closed to new replies.