Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • October 1, 2019 at 5:55 pm #1143860
    tremblayly

    Hi

    I can’t figure out how to adjust the position of the sub menu container when I’m the transparency layout.

    It displays ok when I scroll and the non-transparent main menu shows up, but when I’m using the transparency main menu, the gap between the items is so much larger and often hide content (see red arrow on image).

    How can I modify the gap to make the top margin of the sub menu display closer to the main menu items?

    See private area to get access to view the site in development.

    Thanks
    Lyse

    October 2, 2019 at 6:52 am #1144074
    Rikard

    Hey Lyse,

    I’m not sure I understand exactly what you are looking to adjust, and I can’t see a screenshot in your post. Could you post a screenshot highlighting your intentions please?

    Best regards,
    Rikard

    October 2, 2019 at 3:42 pm #1144182
    tremblayly

    Hi Rikard,

    Here’s the link to the screenshot (issue is the larger gap on the image with the red arrow) :
    https://www.dropbox.com/s/zduhxuzgdbcu6t4/sub%20menu%20issue.jpg?dl=0

    Thanks
    Lyse

    October 3, 2019 at 6:36 am #1144360
    Rikard

    Hi,

    Thanks for the clarification. That happens since you are using the shrinking header, that means the header is larger before you scroll, and smaller after scroll. Are you saying that you want the submenus to appear further up when it’s larger?

    Best regards,
    Rikard

    October 3, 2019 at 3:46 pm #1144493
    tremblayly

    Hi Rikard,
    I would like it further in both instances and to look somewhat the same when using the shrinking header.
    Thanks,
    Lyse

    October 6, 2019 at 9:15 pm #1145535
    Basilis

    Hi,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    October 8, 2019 at 2:30 am #1145975
    tremblayly

    Hi Basilis,
    Can this not be done via CSS?
    Lyse

    October 10, 2019 at 2:12 am #1146710
    Ismael

    Hi Lyse,

    You can use this css code to adjust the position of the sub menu container when the header is still transparent.

    .av_header_transparency .sub-menu {
	top: 100px;
}

    It should move it closer to the parent menu item.

    Best regards,
    Ismael

    October 10, 2019 at 6:59 pm #1146912
    tremblayly

    Hi Ismael,
    That is perfect and exactly what I was looking for/
    Thanks you so very much
    Lyse

    October 10, 2019 at 7:00 pm #1146913
    tremblayly

    One more thing, can you provide CSS for the mega menu as well?
    Lyse

    October 11, 2019 at 10:04 am #1147066
    Ismael

    Hi,

    Glad it worked. For the mega menu, please add this css code.

    #top #header.av_header_transparency .avia_mega_div {
	margin-top: -50px;
}

    Best regards,
    Ismael

    October 11, 2019 at 4:10 pm #1147145
    tremblayly

    Hi Ismael,
    Perfect!
    Much appreciated
    Lyse

    October 11, 2019 at 5:32 pm #1147169
    Jordan Shannon

    Hi,

    Did you need additional help or shall we close this topic?

    Best regards,
    Jordan Shannon

    October 11, 2019 at 7:03 pm #1147212
    tremblayly

    Hi Jordan,
    All is good. You can close this topic.
    Thanks
    Lyse

    October 11, 2019 at 7:04 pm #1147213
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Postion of sub menu container when using transparency layout’ is closed to new replies.