![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: full-width submenu
-
AuthorPosts
-
September 9, 2019 at 12:46 pm #1135969
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.
- Can I make it not full width but within a 1/1 element?
- Can I change it back to full width when it becomes sticky?
- Can I change the alignment of the menu items from center to right when it becomes sticky?
Really hope you can help!
Regards,
DanielSeptember 10, 2019 at 6:21 pm #1136669Hey 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,
VictoriaSeptember 10, 2019 at 6:32 pm #1136678Hi 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!
DanielSeptember 12, 2019 at 10:20 pm #1137707Hi,
You can work o nthe CSS file, as there are any changes required to fix with this.
Best regards,
BasilisSeptember 16, 2019 at 10:03 am #1138737Hi @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 #1139432Hi,
Thank you for sharing the details.
Can I make it not full width but within a 1/1 element?
To add custom width please checkCan 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 -
AuthorPosts
- You must be logged in to reply to this topic.