Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 28, 2015 at 5:41 pm #479832
    goforyourdreams

    I moved the menu down, and now the area below the menu (where the breadcrumbs are) acts as part of the menu with links.

    How do I make the linked area smaller? I only want my menu words to be linked, not the area below it.

    Thank you!

    July 28, 2015 at 5:48 pm #479841
    Yigit

    Hi goforyourdreams!

    Please remove following code from Quick CSS 

     #top .av-main-nav > li > a {
    top: 30px;
    position: relative;
}

    and add following instead

    #top #header .av-main-nav > li > a {
    line-height: 170px!important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Regards,
    Yigit

    July 28, 2015 at 5:55 pm #479846
    goforyourdreams

    I added the new code and it fixed the problem on the bottom area being linked. Thank you!

    Now the excess link area is at the top. When you hover way ABOVE the menu at the top of the site (right below the “extra elements” bar), it acts as a menu. How can I make it so only the words are linked, and not the huge area above?

    July 28, 2015 at 11:48 pm #479947
    Dake

    Hey!

    You can try replacing the below css:

    #top #header .av-main-nav > li > a {
    line-height: 170px!important;
}

    With this:

    #top #header .av-main-nav > li > a {
    padding-top: 25px !important;
}

    Best regards,
    Dake

    July 29, 2015 at 2:51 am #479974
    goforyourdreams

    I replaced it with the new code, and still having the same problem. The area at the top of the header is still linked. How can I make it so only the words are linked, and not the huge area above?

    July 29, 2015 at 3:09 am #479978
    Dake

    Hi!

    May we have temporary access to your website so we can take a closer look?

    Regards,
    Dake

    July 29, 2015 at 3:56 am #479988
    goforyourdreams

    Yes, WP login is in the private content field.

    July 29, 2015 at 4:26 am #479996
    Dake

    Hey!

    I added the below css:

    .av-main-nav-wrap {
    top: 65px !important;
}

.av-main-nav > li > ul {
    top: 44px !important;
}

.main_menu ul:first-child > li a {
    line-height: normal !important;
}

#top #header_main > .container .main_menu ul:first-child > li > a {
    line-height: normal !important;
}

    Please let me know if you’re seeing any visual errors with the menu.

    Best regards,
    Dake

    July 29, 2015 at 4:31 am #480000
    goforyourdreams

    Now the top is fixed, but the BOTTOM of the menu has a problem (same problem as my original post on this thread). When you hover over the breadcrumb area, it is linked. I only want my menu words to be linked, not the areas above it or below it.

    July 29, 2015 at 1:33 pm #480188
    Yigit

    Shalom!

    I replaced Dake’s code with following one in Style.css file of your child theme

    #top #header .av-main-nav > li > a {
    height: 35px!important;
    line-height: 35px!important;
}

.avia-menu.av-main-nav-wrap {
    top: 75px;
}

    Please review your website now

    Regards,
    Yigit

    July 29, 2015 at 2:59 pm #480260
    goforyourdreams

    Awesome, it works correctly now! Thank you so much, I really appreciate it!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Moving menu down messed up the linked areas – now breadcrumbs area acts as menu’ is closed to new replies.