Profile Submenu - Vertical Height
Can someone tell me how to change the profile submenu vertical height? I’ve looked in template>styles and have tried several different sections to change VH but I’m not finding the right one. Do I instead need to change the content margin? See attached screenshot. The vertical height is way too high compared to the text.I thought it would be the page menu and would match the homepage but it doesn’t.
I also have not been able to figure out how to change the color of the ‘add content’ title menu on the timeline. Any help would be appreciated.
-
you need to add a height value to one of the submenus in your css as in height: 30px; or whichever you prefer
<ul id="bx-menu-main-submenu" class="bx-menu-main-submenu bx-menu-more-auto bx-menu-object-bx_persons_view_submenu bx-clearfix" style="overflow: visible;">
or you can test it inline in your browser by adding to the style=" tag for example style="overflow: visible; height: 30px;">
-
30px is way high for the submenu title bar. Are we talking about the same thing? I am on UNA hosting and do nit have access to control panel.
-
47.59px is what is showing on my end for your current height...
hmmmm without access to your css files not sure how you would edit it... unless you try a 'custom style' on your theme's styles section... perhaps something like:
bx-menu-main-submenu {
height: 30px;
}
-
Thank, I tried that but it didnt work.
-
I'll look into it more when I get back to laptop :)
-
Thank you sir. I appreciate any help you can provide. I’m just an amateur trying to figure this thing out as I go along.
-
no worries :) not sure if it's a bug but on the studio if you select the navgation and then edit the sub menu there should be a dropdown for "style" - i would figure each style would display differently but i notice no changes on my end even with dev/menu settings....
you can try going into Designer and then Injections and put this code in the body, save and refresh and check the result..... play with the height size number (30 imo looks nice)
<style>
.bx-menu-main-submenu {
height: 30px;
}
</style>
-
oh and to change the color from that lavender add this as well within those <style> tags:
<style>
.bx-menu-main-submenu {
height: 30px;
}
.bx-menu-main-bar-wrapper {
background-color: #79bd9a;
}
</style>
the #79bd9a; is a random green - just change that number to whatever color you want
-
Thank you sir! That worked perfectly to change the height.
It is the menu for the "Create Post (Public)" on the home page that I am trying to change the color. I am able to change color of the submenu with no problem in studio>template>styles>page menu>background color.
-
Problem solved. The iPad just needed an update. Everything displays perfectly now. Thank you very much masterbeta
