Support » Theme: Virtue » How do I move the menu items

  • richcityfortune

    (@richcityfortune)


    Hi!

    I want to change my menu items (about, contact, shop, account, cart) to the left side of my website and not lined horizontally but vertically. How do I do that?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author Ben Ritner – Kadence WP

    (@britner)

    Hey,
    This isn’t an option with the virtue theme. But with our other theme Ascend this is an option.
    https://www.kadencethemes.com/product/ascend-wordpress-theme/

    Ben

    Thread Starter richcityfortune

    (@richcityfortune)

    Thanks Ben, I changed to Ascend theme which seems to be a better fit on many levels! Still I have some trouble changing some stuff. Could you help me out with the following?

    – In the footer I made it say Rich City Fortune, I would like to change that to a picture logo, is that possible?
    – Can I delete the grey line between the menu and the rest of the page? Make everything white?
    – Can I delete the header completely, so the products line up directly next to the menu?
    – Can I delete the ‘Showing all 6 results’ and the ‘Sort by latest’ ?
    – Now the menu items are center aligned, but I want them to be aligned from the left, how can I do that?
    – Then finally if you put your mouse on a product, it gives a fade. I don’t want that, how do I delete that?

    Hope you can help me out!

    hannah

    (@hannahritner)

    Hey @richcityfortune,

    1. You can add an image widget to your footer from Appearance > Widgets and upload your logo image.

    2. You can add this to your custom css box in Theme Options > Custom CSS:

    .kad-fixed-vertical-background-area {
        border-right: 0;
    }

    3. You can use this css:

    .titleclass .page-header {
        display: none;
    }

    4.

    .kad-shop-top {
        display: none;
    }

    5.

    .product_item a.product_item_link .kad-product-noflipper:hover {
        opacity: 1;
    }

    Hope that’s helpful!

    Hannah

    Thread Starter richcityfortune

    (@richcityfortune)

    Thanks so much Hannah that’s incredibly helpful! Do you also have some code or directions for how to get my menu items left aligned instead of center aligned?

    Also, when clicking on a product, there is a small grey header with home > shop > uncategorized > product, do you know how to delete that header completely, with every product?

    On the same page, I would also like to delete the ‘additional information’ and the two words: SKU: N/A & Uncategorized on the lower right side of the page.

    Hope you can help me out!

    hannah

    (@hannahritner)

    1.

    .nav-main ul.sf-menu > li > a, span.kt-extras-label {
        text-align: left;
    }

    2. You can turn that off from Theme Options > Breadcrumb Settings.

    3.

    .product .product_meta {
        display: none;
    }

    Hannah

    Thread Starter richcityfortune

    (@richcityfortune)

    Thanks so much! Now the menu items are totally at the left, which I LOVE, but can I also get my logo, which is above it, totally to the left?

    Also, the additional info is still on display at every product, can I get that removed?

    hannah

    (@hannahritner)

    This will align your logo left:

    .kad-vertical-menu .logocase {
        text-align: left;
    }

    Tnd this will remove your additional information tab:

    li#tab-title-additional_information {
        display: none;
    }

    Hannah

    Thread Starter richcityfortune

    (@richcityfortune)

    Thanks so much once more. The logo just doesn’t seem to pop to the left side though..
    Furthermore when you click About -> RCF or Cart or Contact there is a weird grey block underneath on the page, can we delete that?

    Thanks!

    hannah

    (@hannahritner)

    I’m seeing the logo on the left. Have you tried clearing your cache?
    Your page just doesn’t have enough content to push the footer to the bottom. Try adding this to your custom css:

    @media (min-width: 992px) {
    html, body {
    height: 100%;
    background: #fff;
    }
    html body.wide #wrapper.container {
    min-height: 100%;
    position: relative;
    padding-bottom: 88px !important;
    }
    #containerfooter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    }
    }

    Hope that helps!

    Hannah

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How do I move the menu items’ is closed to new replies.