Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 18, 2025 at 12:45 pm #1481590
    sitadi

    Hi,

    Is it possible to place the logo on the left, next to the menu and the search bar to the right of the logo when scrolling the page, so that all elements are aligned?
    Attached is the current header and what I want to get.

    Capture d’écran 2025 04 18 à 12.42.54
    Capture d’écran 2025 04 18 à 12.43.56

    Thank you for your help,

    April 21, 2025 at 7:18 am #1481699
    Ismael

    Hey sitadi,

    Thank you for the inquiry.

    You can start with this css code:

    
@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  .html_header_top .header-scrolled .logo.avia-standard-logo {
    left: 200px;
    transform: none;
  }

  .html_header_top .header-scrolled #custom_html-4 {
    margin-top: -150px;
  }
}

    Best regards,
    Ismael

    April 21, 2025 at 4:43 pm #1481724
    sitadi

    Thank you Ismael, this is exactly what I was looking for.
    Best regards

    April 22, 2025 at 6:20 am #1481771
    Ismael

    Hi,

    No problem! Let us know if you have more questions. Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Scroll header’ is closed to new replies.