Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 9, 2015 at 5:18 am #377203
    daniejm

    Hi there,

    Right now, the sub-links “fly out” to the right like this:

    Here is a very crude representation for what I’d like to do instead:

    I am hoping the sub-links can be made permanently available in the sidebar. It doesn’t need to be a “fly-out” menu – just slightly indented. Kind of like this:

      HEADING

    • Sub-link
    • Sub-link
    • Sub-link

    Is this possible?

    Lastly, how can these lines be removed?

    Your help is appreciated in advance! Thank you!

    – Joe

    • This topic was modified 9 years, 10 months ago by daniejm.
    January 9, 2015 at 7:11 pm #377550
    Elliott

    Hi Joe!

    To do this you’ll need to have your header set to scroll and not sticky. Otherwise your menu will not be viewable on smaller screens.

    Add this to your custom CSS.

    .sub-menu {
  left: auto !important;
  opacity: 1 !important;
  position: relative !important;
  top: auto !important;
  visibility: visible !important;
}
.main_menu a { border: 0px !important; }

    Best regards,
    Elliott

    January 10, 2015 at 3:48 am #377673
    daniejm

    Hi, Elliott,

    This has got us moving in the right direction. :) Three more items, please, which are highlighted in the picture below:

    1. What is the CSS to resize the logo in the sidebar?

    2. How do I reduce the gap from the bottom of the logo to the top of the first link (highlighted in blue)?

    3. The link positioning is right, but I’d like the background to be transparent and the link color to be the same as the headings. How is this possible?

    Thanks in advance!

    – Joe

    January 10, 2015 at 4:48 pm #377782
    daniejm

    Hi, Elliott. There are some additional problems with the code you’ve offered.

    The links are not linking / lining up properly. For example, clicking on “Verified leads” links over to “Contact VIP.” Everything is set properly in the menus, so I’m thinking the menu “overlay” is affecting the button position.

    Secondly, the code has wreaked havoc on the Register button. This was up through Appearance > Menus > Colored button Style.

    Please advise. :)

    January 12, 2015 at 7:06 pm #378462
    Elliott

    Hey!

    I checked your source code and the “Verified Leads” is linking to “dev2/contact-v-i-p” so that doesn’t appear to be a CSS issue. Perhaps you set the wrong link in the menu?

    For the colored button try adding this CSS.

    .av-menu-button .avia-menu-text {
    display: inline-block !important;
    margin-top: 20px !important;
}

    Regards,
    Elliott

    January 13, 2015 at 1:03 am #378597
    daniejm
    This reply has been marked as private.
    January 13, 2015 at 8:11 pm #379088
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .html_header_sidebar .logo { padding-bottom: 5px; }

    Cheers!
    Yigit

    January 18, 2015 at 12:01 am #381333
    daniejm

    Yigit,

    So close to being perfect! Modifying the padding underneath the logo worked beautifully, but there is another padding issue on the sidebar.

    How do I increase the padding between the bottom of the first menu (“Elite Calling)” and the heading of the second menu (“Support”)?

    Also, how do I change the opacity of these menus? I’m wanting the white background to be eliminated.

    Thank you, as always, for your help!

    January 19, 2015 at 5:49 pm #381947
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .header_color .main_menu .menu ul li a, .header_color .av-subnav-menu ul a {
background: transparent!important;
}
li#menu-item-3455 {
margin-bottom: 20px;
}

    Cheers!
    Yigit

    January 24, 2015 at 2:24 pm #384868
    daniejm

    Hi Yigit,

    The sidebar is looking well but I’m afraid it’s still not functioning properly. There is an odd linking issue that I will do my best to explain in text.

    STEP 1: Mouse hovered over Verified Leads, which is correctly linking to http://verifiedinsuranceprospects.com/dev2/verified-lead-services/.

    STEP 2: Drop mouse down to hover over Contact VIP, which is correctly linking to http://verifiedinsuranceprospects.com/dev2/contact-v-i-p/.

    STEP 3: Drop mouse down to hover over REGISTER button, which is correctly linking to http://verifiedinsuranceprospects.com/dev2/register-for-verified-leads/. So far so good.

    This is where the problem starts.

    STEP 4: Mouse is brought up and hovered over “Frequently Asked Questions.” It’s like the mouse hover sticks to the Register button as it continually links to the Register page instead of converting back to the Frequently Asked Questions URL.

    STEP 5: Mouse is brought back up to Services links, which continue to link over to Contact VIP. Again, its like the mouse hover “sticks” to the bottom of the second menu (“Support”).

    Can this be fixed? I’ve verified that everything is linked properly in Menus, so there appears to be some other issue here. This has only been tested in Chrome so far so I’m wondering if it’s a browser issue.

    Thanks as always,

    Joe

    January 26, 2015 at 8:09 am #385266
    Ismael

    Hey!

    Did you add any modifications on the theme? Looks like it’s getting the incorrect URL. Have you tried recreating the menu from scratch?

    Regards,
    Ismael

    February 1, 2015 at 7:32 pm #389054
    daniejm

    Hi Ismael,

    Went ahead and recreated the menu through Appearance -> Menus and am still having the same problem. I appreciate the assistance, but I think I may scrap the menu “as is” and start from scratch. Something is wonky there and I can’t figure it out. Thank you for your time and effort in trying to resolve the issue.

    Thank you,

    Joe

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Left sidebar tweaks’ is closed to new replies.