Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 30, 2018 at 8:34 pm #1039424
    dirtdiggr

    When you use a fixed frame layout and transparent header, the width of the container ends up greater than the width of the screen screen so you can scroll to the right a bit. The added space to the right is equal to the width of the fixed frame. If you set the header to sticky then the problem goes away.

    In Chrome and Firefox there is no scrolling to the right problem but the navigation menu gets pushed to the right and part of it is off the screen.

    To summarize, when using these 3 settings together there is a problem on all the browsers (on a Mac at least).
    1. Fixed frame layout
    2. Transparent header
    3. Non-sticky header

    I have included 2 urls as examples in private below.

    Is there a fix for this?

    • This topic was modified 5 years, 11 months ago by dirtdiggr.
    December 2, 2018 at 8:29 am #1039816
    Rikard

    Hey dirtdiggr,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-logo-container {
  margin-left:0;
}

    Best regards,
    Rikard

    December 3, 2018 at 4:22 pm #1040377
    dirtdiggr

    That did not fix it.

    December 4, 2018 at 6:47 am #1040584
    Rikard

    Hi,

    Please try this instead:

    .html_header_top #top .av_header_stretch .container {
    width: 92%;
}

    Best regards,
    Rikard

    December 4, 2018 at 12:59 pm #1040703
    dirtdiggr

    Sorry Rikard it doesn’t work.

    • This reply was modified 5 years, 11 months ago by dirtdiggr.
    December 5, 2018 at 9:15 am #1041106
    Rikard

    Hi,

    I can’t see anything wrong on the page you linked to last. Also, how can we verify the results if you don’t leave the CSS in there? I can’t see what I posted last applying for instance.

    Best regards,
    Rikard

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