Increase padding in menu

[tonisaneca]

Hi again!

I’d like to customize my menu a little further, so I have a couple of questions.

1. Which code should I edit if I wanted to increase the top and bottom padding of a dropdown menu? (See attached) I’d like for it to be as spacious as your Atelier demo.

2. How do I remove the text “Featured Products” in the mega menu image? I saw a previous thread where one of your support said to just put a space as the title, but it still deletes the menu image item when refreshed.

3. How do I increase the space between main menu items? Which code should I add some custom CSS to?

4. How do I add a vertical divider between the sub menu?

Thank you so much and looking forward to your help 🙂

– Toni

Attachments:

You must be logged in to view attached files.

[tonisaneca]

One more thing, the divider between my product title and price disappeared when I switched to catalog mode. How can I get it back? Or maybe minimize the space between them 🙂

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me website url to check and find exact css selector.
Thanks
Mohammad

[tonisaneca]

This reply has been marked as private.

[tonisaneca]

Hi Mohammad,

If you’re able to check the site, let me know! Thanks 🙂

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.summary-top{
margin-top:0px !important;
padding-top:0px !important;
}

Thanks
Mohammad

[tonisaneca]

Hi Mohammad,

Thanks for that! I tried the code and no changes were made to the menu and the product pages, for which problem is that code for? 🙂

[Mohammad – SUPPORT]

Hi,
This code is for spacing at product page below of title.
Thanks
Mohammad

[tonisaneca]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please remove last code and use this custom css code:-

.summary-top{
margin-bottom:0px !important;
padding-bottom:0px !important;
}

Thanks
Mohammad

[tonisaneca]

Looks fantastic! Thanks for the help, Mohammad! 🙂

P.S. I’m still trying to tweak the menu, so I’ll just revisit some unanswered questions I had earlier in this thread, if that’s okay.

1. Which code should I edit if I wanted to increase the top and bottom padding of a drop down menu? (See attached) I’d like for it to be as spacious as your Atelier demo.

2. How do I remove the text “Featured Products” in the mega menu image? I saw a previous thread where one of your support team said to just put a space as the title, but it still deletes the menu image item when I refresh the Menu options. (See attached)

3. How do I add a vertical divider between the sub menu? (See attached)

Toni

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I have resolved the issue through this code:-

/* Revolution slider fix */
.tp-leftarrow, .tp-rightarrow{
opacity:1 !important;
}

.tp-leftarrow:hover{
    background: transparent url("https://www.reikokaneko.co.uk/wp-content/themes/neighborhood/images/showcase-nav.png") no-repeat scroll left center !important;
}

.tp-rightarrow:hover{
    background: transparent url("https://www.reikokaneko.co.uk/wp-content/themes/neighborhood/images/showcase-nav.png") no-repeat scroll 100% 0px !important;
}

Thanks
Mohammad

[tonisaneca]

Hi Mohammad,

I think maybe you meant to reply to a different topic? 🙂

[Mohammad – SUPPORT]

Hi,
Sorry! I posted it here mistakenly.
Thanks
Mohammad

[tonisaneca]

Sure, no problem! If you find a solution to the questions above, let me know! Thanks 🙂