-
AuthorPosts
-
February 26, 2019 at 7:17 pm #1071920
Hello,
1. I would like to show a sidebar with an additional menu on my pages, but when I add a sidebar to the page, the sidebar will always show at the end of my page. I would like the sidebar to show right below the top slider on the left side of my page, and then there should be all the content to the right, and it should be scrollable. On top I have a menu as well.
I added the sidebar under DESIGN to the very right of each page. Or would you add a custom widget area to the left side of the page? And if so, it doesn’t stay visible on scroll down. So I’m confused.2. Also, I would like the menu in the sidebar have the same font size as the menu on top.
3. Do you have any demo using a top menu plus a sidebar menu?
THANKS NoraMarch 1, 2019 at 9:55 am #1072995Hey NoraGTS,
Thanks for the login details, I’m guessing you are referring to the front page when it comes to the sidebar? The reason why it’s showing there is because all the elements before it are full width, if you want it to show to the left or right then you will need to use for instance 1/1 element instead.
2. Please try the following in Quick CSS under Enfold->General Styling:
#nav_menu-2 li a { font-size: 13px; font-weight: 600; }
3. No we don’t have a demo like that unfortunately.
Best regards,
RikardMarch 1, 2019 at 10:03 am #1072999Oh, what exactly do you mean by 1/1 element???? Should I use the grid row? Or how would I have the layout the main content?
And would that mean the sidebar stays fixed while scrolling?And would you be so kind and let me know the CSS Code for a full width submenu, to show the same font as in the actual top menu?
#nav_menu-???? a {
font-size: 13px;
font-weight: 600;
}THANKS Nora
March 3, 2019 at 7:01 am #1073831Hi Nora,
If you use full width element like Color Sections, Grid Rows, etc. then the sidebar will show once you have non-full width elements. Like the 1/1 layout element for instance. Doing that will not have your sidebar fixed.
Please try this CSS for the full width sub menu:
.av-submenu-container li a .avia-menu-text { font-size: 13px; font-weight: 600; }
Best regards,
RikardMarch 4, 2019 at 9:47 am #1074248Thanks!
1. Is there a way to reduce the width of the sidebar? Because right now it covers probably a third of the width of the browser window.
2. How can I avoid that all the submenu items are shown in the sidebar. I would rather have them appear on hover.
3. Is there a way to have a sidebar fixed as soon as it appears below the header slider?
THANKS NoraMarch 5, 2019 at 8:09 am #1074700Hi Nora,
1. You can set the width of the sidebar under Enfold->General Layout->Dimensions.
2. It’s likely possible but there’s nothing like that in the theme by default. You could use tabs shortcode for it maybe, but then it would be have to be added manually. Maybe you could try looking for a plugin?
3. There’s nothing like that in the theme either unfortunately. I think you would have to looks for a custom script or plugin to do that for you.
Best regards,
RikardMarch 5, 2019 at 10:40 am #10747661. Now that’s weird. I set it to 80% 20% but nothing changed. The sidebar still covers about 1/3 of the space.
2. Really? You always show all the submenu items and there is no way to avoid it? I wonder why???
Thanks NoraMarch 7, 2019 at 11:40 pm #1076137Hi,
Thank you for your feedback Nora
Best regards,
BasilisMarch 8, 2019 at 9:14 am #1076268Would you have a solution for this problem:
1. I set it to 80% 20% but nothing changed. The sidebar still covers about 1/3 of the space.THanks Nora
March 11, 2019 at 10:12 pm #1077513Hi Nora,
Best regards,
VictoriaMarch 13, 2019 at 4:44 pm #1078302Hi Victoria,
Would you know of any way how to get rid of the submenu items in the sidebar? This is quite annoying when you see such a long list of menu items.
Thanks NoraMarch 19, 2019 at 1:35 am #1080159Hi,
Disable the “Page Sidebar navigation” option in the Enfold > Sidebar Settings panel.
Best regards,
IsmaelMarch 19, 2019 at 10:50 am #1080285sorry, this doesn’t work. the submenu items are still showing in a sidebar menu!
March 20, 2019 at 11:16 am #10807661. sorry, this doesn’t work. the submenu items are still showing in a sidebar menu!
2. I have an additional menu in my socket, and would like it to show the font size 12px.THANKS Nora
March 20, 2019 at 11:42 am #1080777One more thing: On my BLOG page there are links showing in the sidebar on top, that I didn’t set there. I adapted the sidebar for my blogpage, but how do I get rid of these links: Blog Classic Grid, Blog Fullwidth etc.
THANKS Nora
March 21, 2019 at 8:30 am #1081221Hi,
Those are the page sidebar navigation as previously mentioned and you have to remove the widgets in the Appearance > Widgets > “Displayed Everywhere” or the “Sidebar Blog” widget area.
Best regards,
IsmaelMarch 21, 2019 at 8:39 am #1081227But “Displayed Everywhere” is empty, and the “Sidebar Blog” doesn’t show this information either!!!! So where does this come from?
AND: I still have the following problems:
1. The submenu items are still showing in a sidebar menu!
2. I have an additional menu in my socket, and would like it to show the font size 12px.
Also, on MOBILE the socket menu and the very top bar can hardly be read, because there is no line spacing. How can I add line spacing just to the menu in my socket, and the upper bar?
THANKS NoraMarch 22, 2019 at 2:41 pm #1081852Hi,
Thanks for the update.
We removed the widgets from the Sidebar Blog widget area. The sidebar is now empty. To change the font size of the socket menu items, use this css code.
#socket li a span { font-size: 12px; }
Best regards,
IsmaelMarch 22, 2019 at 11:15 pm #1082032Thanks so much.
Would you know how to set the BLOG page on Mobile, so it doesn’t show 2 entries per row, but only one!
Thanks NoraMarch 25, 2019 at 4:55 am #1082506Hi,
You can use this css code to adjust the width of the columns on mobile view.
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .slide-entry { width: 100%; margin-left: 4%; } }
Best regards,
IsmaelMarch 25, 2019 at 8:39 am #1082564Thanks so much. On my BLOG page on MOBILE the very top line above my header disappears, because the page is set to TRANSPARENT HEADER. Is there a way to keep the header transparent but have the top bar appear anyways?
Also, I have a menu in my socket/footer. On MOBILE you have a hard time reading the top bar and the socket menu because there is no line spacing. Is there a way to add more line spacing for these 2 elements (socket menu, top bar).
Thanks so much.
March 27, 2019 at 12:35 pm #1083539Hi,
If you have any additional questions, we kindly ask that you open them up in a separate thread. The longer threads get in the forum, the more difficult they become to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
Ismael -
AuthorPosts
- The topic ‘Pages showing a sidebar’ is closed to new replies.