Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 9, 2019 at 12:46 pm #1135969
    Daniel

    Hi!

    I’m using a full-width sub menu on pages, for which I’d like to make some behavioural changes. The link is in the private section since it’s still in development.

    1. Can I make it not full width but within a 1/1 element?
    2. Can I change it back to full width when it becomes sticky?
    3. Can I change the alignment of the menu items from center to right when it becomes sticky?

    Really hope you can help!

    Regards,
    Daniel

    September 10, 2019 at 6:21 pm #1136669
    Victoria

    Hey Daniel,

    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,
    Victoria

    September 10, 2019 at 6:32 pm #1136678
    Daniel

    Hi Victoria,

    Thanks for replying! Can you explain to me what exactly is the amount of time and customization? I am trying to find out what is triggering the sub menu to become sticky. If that is with CSS, the change shouldn’t be that hard?

    If the total of questions is too much, can you please tell me which files I need to change to get started?

    Thanks for your answer!
    Daniel

    September 12, 2019 at 10:20 pm #1137707
    Basilis

    Hi,

    You can work o nthe CSS file, as there are any changes required to fix with this.

    Best regards,
    Basilis

    September 16, 2019 at 10:03 am #1138737
    Daniel

    Hi @basilis,

    what css clas(ses) can I use to change behaviour when the submenu element becomes sticky?

    Thanks!

    September 18, 2019 at 12:18 pm #1139432
    Vinay

    Hi,

    Thank you for sharing the details.

    Can I make it not full width but within a 1/1 element?
    To add custom width please check

    Examples of full width submenu

    Can I change it back to full width when it becomes sticky?
    This is not possible using CSS. You need to use java script.
    1. Check the CSS property if position fixed is applied to class “av-sticky-submenu” and then change the width to 100%.

    Something similar to

    if( jQuery(".av-sticky-submenu").css('position') == 'fixed') {

// Your code here

}

    Please refer to adding a custom function on the docs.

    Can I change the alignment of the menu items from center to right when it becomes sticky?

    Using the same js you need to change the text alignment.

    #top .av-submenu-pos-right {
    text-align: right;
}

    Please refer to the full-width submenu docs.

    As mentioned earlier, 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,
    Vinay

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