Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 18, 2018 at 9:27 am #986851
    DianaLoola73

    Dear Team
    I have created a website for a customer, where the logo is placed in the middle and the menu items to the right and left of it place.
    I configured this using de CSS settings (and also with your help).

    Now there are 2 more problems:
    1. If I test the website on an older monitor (no broadband format) skips the menu (see screenshot https://www.osmosis.de/support/screen-small.png) and the menu item on the far right (CONTACT) slips to the next line.

    2. When I look at the website on a very large broadband screen, it initially presents itself (with the transparent header) correctly, the logo is placed in the middle. However, if I scroll further down, the logo will jump to the left – the moment the header switches to white: https://www.osmosis.de/support/screen-very-wide.jpg

    > The correct representation of the logo and the menu should always be the same for both the tranparent and the white header: https://www.osmosis.de/support/screen-wide.png

    > to 1. What changes do I have to make in the CSS that the menu does not jump to a second line?
    > to 2: which change in the CSS must be integrated, so that even with large broadband screens that logo after scrolling down does not jump to the left, but remains centered.

    Thanks for your support. Best regards Diana Loola

    July 23, 2018 at 5:10 am #988576
    Ismael

    Hey DianaLoola73,

    Thank you for using Enfold.

    1.) The menu item drops when the screen width is less than 1150px. Adjust the font size and padding of the menu items for that screen size.

    @media only screen and (max-width: 1150px) {
.av-main-nav > li > a {
    padding: 0 20px;
    font-size: 13px;
}
}

    2.) I can’t reproduce this issue. The logo should be center aligned regardless of the screen size because of the following css code.

    .html_header_top.html_logo_center .logo {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

    Best regards,
    Ismael

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