Hi,
I want to add a new side navigation bar like this website.
On the right side, the side navigation bar is following the scroll.
In the newspaper theme, there is a function named widget sidebar but I think it’s some little bit different.
The side navigation bar that I mentioned seems to be placed above the other elements and not to affect the others.
However, the widget side bar is located within the row section, affecting others.
Please let me know what to do.
Hello,
I think that you are referring to this – https://i.imgur.com/uQtoRK4.jpg indeed this is a different sidebar, but it can be done with our theme. I think that the most simple way will be to add the content you want to be set in a row in header section and after that set that row to have a fix position – https://i.imgur.com/ytASin3.png – https://i.imgur.com/vjl0TTy.png – https://i.imgur.com/dLPwQFD.png – https://i.imgur.com/BL6Ik4L.jpg
I hope this will help you!
Thanks, Calin.
It’s really helpful for me.
And one more thing.
I’d like to add a few buttons to the side navigation bar you told me.
I want to change the button size or express what I entered in the button text item in multiple lines, not one, but I don’t know what to do.
Hi,
For this just use the buttons elements from tagDiv Composer – https://i.imgur.com/UKTgsrS.png those have many options for example you can try some pre-made styles – https://i.imgur.com/qjZsjG5.png or you can make your own one. Now if you want to set the text on multiple lines what you can do is to set a width on the button, like this – https://i.imgur.com/uwR93hW.png – https://i.imgur.com/9Em4R6s.png – https://i.imgur.com/AsYXaM4.png
I hope this will help you!
Thank you!
Thanks Calin.
I understood how to set this up.
When inputted in English, it seems to be operated by recognizing words, but when inputted in Korean, words are cut off because words are not recognized, so the line changes.
I wonder if there’s a way to change the line in the part I want other than this method.
Also, when I insert an icon, I want it to be placed in a different line instead of the same line as the icon. I wonder if it’s possible.
Hi,
You can changed the line height after the line height you need, you can also use px for more precis, also if you want you can do like this, you can use column text or text with title element and insert from there a button => https://i.imgur.com/iYOa0TF.png (after all a button is a link with style on it).
Thank you!
