[alexanderchristiansen]

Hi again David,
I think you misunderstood me – or I am properly not just that clear to explain the problem.
I need the icons (menu-items) to have less of a gap between them.
Attached photo shows that the icons of the mega-menu are close to eachother.
That’s what I would like to do 🙂

The first menu-bar on in the file is my mock-up (psd-file) the second one is how it looks on my site (online).
I would like to have them as close as the first menu = psd file.

Attachments:

You must be logged in to view attached files.

[alexanderchristiansen]

Hi David,
I added it but it only changed the padding on the top and bottom. See photo.
If I change it to:
padding-left:0px!important;
padding-right:0px!important;
Nothing seems to change.

Attachments:

You must be logged in to view attached files.

[alexanderchristiansen]

Yes!
I got very far myself!
I choose to write in a class in the menu-name through appearance -> menu.

Last question.
Can I adjust the padding between the mega-menu items?
As shown in the photos below – I made a mockup whereas the columns has less padding. Can you help me on that one?

organicbasics.staging.wpengine.com

Attachments:

You must be logged in to view attached files.

[alexanderchristiansen]

Further I can’t seem to color the “background” of the text-area without conflicting with the cart-dropdown and the my-account dropdown.

See the yellow on the dropdown.

Attachments:

You must be logged in to view attached files.

[alexanderchristiansen]

So basically I add:

nav .menu ul.sub-menu li.menu-item > a, nav .menu ul.sub-menu li > span, nav.std-menu ul.sub-menu
background-color:red;

And both my Mega Menu item will be red – but unfortunately also my MyAccount and Cart-dropdown.
So I only want to style the text on the megamenu – being the menu with the blue background 🙂

Attachments:

You must be logged in to view attached files.

[alexanderchristiansen]

Hi Rui,
Yeah I somehow got controle of background of the menu. But you can see that there is white background on the text area. I can’t seem to change this without conflicting with the dropdown of the cart / my account.

Further I can’t seem to change the font / style of the menu items (mega menu) without conflicting with myaccount and cart dropdown.

Attachments:

You must be logged in to view attached files.

[alexanderchristiansen]

Hi Rui,
The prior snippet doesn’t seem to work – unfortunately.
Site: http://organicbasics.staging.wpengine.com/

[alexanderchristiansen]

Hi Rui Thanks!
The same goes for the Menu-items (being the actual links)
So i.e. if you look at the photo above the “SHOP ORGANIC” has be another color and font-family as the “dropdown”-menu dropping from the “MY ACCOUNT” and “CART”

[alexanderchristiansen]

Hi David,
Thanks! 🙂

Follow up question.
So I would like to style the background color of the mega menu using this:

nav .menu ul.sub-menu, li.menu-item.sf-mega-menu>ul.sub-menu>div {
    background-color:#1b2946;
}

But.. this affects my dropdown on ‘cart’ and ‘my account’ as well. And I would of course only like this to affect the menu items in my primarary menu.
I tried to show you the examples in the photos attached.
Overall I would like to style the element of the dropdown on the menu without affecting the cart-dropdown and my-account.

Looking very much forward hearing from you.

Attachments:

You must be logged in to view attached files.

[alexanderchristiansen]

Amazing!
That made the fix! 🙂

[alexanderchristiansen]

Ok – doesn’t this have a big impact on load?

[alexanderchristiansen]

So I would basically need to create a row for each content? Can this really be true?

[alexanderchristiansen]

Chrome – Version 55.0.2883.95 (64-bit)

Try to resize the window 🙂

[alexanderchristiansen]

Hi Rui,
This is unfortunately still a problem.
Please see here:
https://organicbasics.com/shopsilver/
https://organicbasics.com/savewithpacks/ (The text on the products float wierdly out of the screen as well on this one)
https://organicbasics.com/shopfemale/ (same as above)

Attachments:

You must be logged in to view attached files.

[alexanderchristiansen]

But everything is within 1 row?

Attachments:

You must be logged in to view attached files.