Remove search, wishlist and cart from bottom menu in vertical header

[9metis]

Hi,

I have a vertical header (header layout no. 7) and I would like to get rid of the bottom menu which contains the search box, wishlist and cart links. I have hidden the links but this doesn’t quite work as you can see in the screenshot because the links are still there, only the icons are not visible. Also I don’t want to hide these links on every page, just on the vertical header.

.shopping-bag-item > a > i {
display: none;
}

.wishlist-item > a > i {
display: none;
}

.aux-item.aux-search {
display: none;
}
I don’t want to remove all of the bottom menu because I still want to use the copyright. What CSS code do I put in my child theme to remove the above three items from the vertical header?

Thanks!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide your site url so we can inspect the situation?

-Rui

[9metis]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
You can post login detail privately. Only Swift support can view the private reply.
Thanks
Mohammad

[9metis]

This reply has been marked as private.

[9metis]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Can you please create screenshot mock-up about the position of social icons? How did you insert the icons at copyright area?
Thanks
Mohammad

[9metis]

Hi Mohammad,

Please find attached two screenshots:

cart.jpg – when you mouseover the ‘shop’ menu on the homepage, the cart opens because I didn’t remove it, just hid it.
wishlist.jpg – when you mouseover a little below the ‘shop’ menu, the wishlist box appears because again, it is just hidden.
search box – somewhere above the cart is the search box but this is also hidden
social media icons – the theme icons appear below the wishlist or ‘shop’

At the moment the social media icons appear below the ‘shop’ menu which is what I want but this doesn’t work if I add more menu items. The icons along with the other elements in the vertical header bottom menu get moved up behind/in front of the main menu.

The other social media icons that appear next to the copyright section are in theme options>header options>vertical header copyright text. They are just linked images.

What I would like to do (see vertical_header.jpg):
1) Change the vertical header bottom menu so that the search, cart and wishlist do not show
2) Move the vertical header bottom menu which also contains the social icons and copyright section (I assume) to the bottom of the screen. It should always sit at the bottom of the screen regardless of screen height.
3) Keep the search and cart icons/links but move them or place them in sidebar 2 to the left of my language icons.
4) Style the vertical header bottom menu so that my social icons look like they are currently in theme options>header options>vertical header copyright text

I hope this makes sense!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

I just forward the topic to my colleague.

-Rui

[9metis]

Hi Rui,

Any suggestions regarding my issue with the vertical header bottom menu?

[Mohammad – SUPPORT]

Hi,
I am working on it and update you after some minutes.
Thanks
Mohmmad

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
1-

.vertical-menu-bottom .aux-item{
display:none !important;
}

2-
.vertical-header #header-section #vertical-nav{
padding:0px !important;
}

Unfortunately that is not part of the current theme functionality, and it’s not within the scope of our support to be able to provide that functionality as it is more work than a small customisation. While we’d love to be able to support every customisation request, we simply don’t have the time. We recommend that you seek a freelance developer if you need that functionality, potentially from one of the below resource:

Customization

Thanks 🙂
With Best Regards
Mohammad
Thanks
Mohammad

[9metis]

I understand but thank you so much anyway!!

[Rui Guerreiro – SUPPORT]

No problem. Thanks Mohammad.

-Rui