Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 12, 2023 at 9:42 am #1418863
    octopussolutions

    Hello,

    I tried to create a floating menu on an existing page, but I’m struggling.

    Can you help me? I would love to have something like this url attached in the private content

    Thank you

    September 12, 2023 at 11:55 pm #1418962
    Nikko

    Hi octopussolutions,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (min-width:1080px) {
  .html_header_top.html_header_transparency #header {
    background-color: white;
    margin-top: 30px;
    max-width: 1080px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    overflow: hidden;
  }
}

    This code only takes effect on desktops and laptops but not on tablets and mobile phones.
    Hope this helps.

    Best regards,
    Nikko

    September 13, 2023 at 10:49 am #1419013
    octopussolutions

    Hello Nikko,

    I tried to do something similar, without success.

    Now I have a problem with the submenu (dropdown), which unfortunately doesn’t work with this code. Can we solve this maybe?

    Thanks

    September 13, 2023 at 11:00 am #1419015
    octopussolutions

    I fixed this by removing overflow. What do you think about that?

    Also, I see that border radius loses its value while scroling down.

    September 15, 2023 at 3:12 am #1419219
    Nikko

    Hi octopussolutions,

    I think what you made is the correct solution, to fix the border radius issue, please add this inside the media query:

    .html_header_top.html_header_transparency #header .header_bg {
    border-radius: 8px;
}

    Hope it helps.

    Best regards,
    Nikko

    September 15, 2023 at 1:09 pm #1419279
    octopussolutions

    Thank you Nikko,

    unfortunately the code you suggested for border radius inside media query does not work.

    Any other class?

    September 16, 2023 at 10:12 pm #1419355
    Mike

    Hi,
    When I check it seems to have a border radius, perhaps you have solved this?
    Enfold_Support_3292.jpeg

    Best regards,
    Mike

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