Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 28, 2020 at 11:34 am #1233730
    claha

    Hi, how can I fix my header inclusive breadcrumbs container on smartphones and tablets?

    July 29, 2020 at 5:33 am #1233853
    Jordan Shannon

    Hey claha,

    Are you trying to center it?

    Best regards,
    Jordan Shannon

    July 29, 2020 at 8:02 am #1233895
    claha

    Sorry, but I don´t understand this answer. What do you mean with “to center” , when I want to fix the header on smartphone + tablet? Best regards.

    July 29, 2020 at 4:04 pm #1233966
    Jordan Shannon

    Hi,

    Can you provide a screenshot of your issue and what you want to fix?

    Best regards,
    Jordan Shannon

    July 29, 2020 at 6:25 pm #1233997
    claha

    Hi, please look to the private content for the screenshot. I want to fix header (with Logo and menu) and, if possible, the breadcrumbs container. Aktually on desktop there is only fixed the header without the breadcrumbs container, mobile to width 989px is nothing fixed, more than 989px is fixed like desktop.

    At least I want to fix the header with Logo and menu everywhere, if possible.

    Thank you very much.

    August 2, 2020 at 2:55 pm #1234613
    Nikko

    Hi claha,

    Please try to add this CSS code in Quick CSS (located in Enfold > General Styling) for mobile:

    @media only screen and (max-width:767px) {
  .responsive #top #wrap_all #header {
    position: fixed;
    top: 0;
    left: 0;
  }

  .responsive #top #wrap_all #main {
    padding-top: 215px !important;
  }

  .responsive #top #wrap_all #main .title_container {
    position: fixed;
    top: 160px;
    left: 0;
    z-index: 999;
  }
}

    Best regards,
    Nikko

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