Home Forums WoodMart support forum Sticky Menu

Sticky Menu

Viewing 4 posts - 31 through 34 (of 34 total)
  • Author
    Posts
  • #679194

    bosstdh
    Participant

    it is not looking correct please see attached image:

    Attachments:
    You must be logged in to view attached files.
    #679300

    Hello,

    But I have checked your site, and it is showing fine.

    See Screenshot for clarification: https://postimg.cc/vDLWsPD0

    Please try clearing your browser cache/site cache or checking the issue.

    Best Regards,

    #679545

    bosstdh
    Participant

    i just cleared the site cache and cleared both browsers cache i am on a mc used safari and chrome same problem with both? there is something wrong for sure i believe

    #679854

    Bogdan Donovan
    Keymaster

    Hi,

    Sorry for the misunderstanding, but the full-width and sticky container options cannot work simultaneously because the full-width option uses the CSS property position: relative to stretch the container to the full width, while the sticky option uses position: sticky to create the sticky effect. These cannot coexist on the same element in CSS, so position: sticky is applied, and the full-width stretching will not work as a result.

    To achieve the desired effect, you need to create two containers nested inside each other instead of one container that both stretches and sticks (screenshot https://monosnap.com/file/f0Sprjub8Nip3tuVDhIz7nnMs1sO2J). The outer container should be sticky (red), and the inner container should stretch to the full width, contain the content, and hold all background color and shadow styles (green).

    As an example, we created an updated demo block on your FAQ page that you can modify and use as a reference for creating similar blocks. The old block remains in place; it is simply hidden for all device types on the frontend.

    Kind Regards

Viewing 4 posts - 31 through 34 (of 34 total)