Support ForumSubmenu (sub item) position too low. Big top padding on first item – Support Forum

Submenu (sub item) position too low. Big top padding on first item

banbako4u — Mon, 03 Nov 2014 17:49:46 +0000

Hi,

Im placing submenus on my website, and they get placed in a really low position, leaving a long space above. How can I do to move the submenu list above, so the space is much less?

Also how can I change the with of the submenu square, because is much longer than the text.

Thank you!!.

Reply To: Submenu (sub item) position too low. Big top padding on first item

IshYoBoy — Mon, 03 Nov 2014 18:07:41 +0000

Hi there,

Not sure what you mean exactly. Could you please provide a screenshot and the link?
I guess all this should be easily controlled via CSS. Just Inspect the menu item in Google Chrome using the “Inspect Element” functionality and see what styles were applied to it. Then simple override it in your child theme or “Custom CSS” field. You might have to use “!important” on some places.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Submenu (sub item) position too low. Big top padding on first item

banbako4u — Mon, 03 Nov 2014 18:14:16 +0000

This reply has been marked as private.

Reply To: Submenu (sub item) position too low. Big top padding on first item

IshYoBoy — Mon, 03 Nov 2014 18:20:58 +0000

Hey,

Thank you very much! We see the problem. It is caused by this custom CSS code:

.ish-ph-main_nav li:first-child:before {
	content: "+1 (310) 924-1583";
	margin-right: 40px;
}

.ish-ph-main_nav li:first-child:before {

content: "+1 (310) 924-1583";

margin-right: 40px;

}

Please change it to:

.ish-ph-main_nav > ul > li:first-child:before {
	content: "+1 (310) 924-1583";
	margin-right: 40px;
}

.ish-ph-main_nav > ul > li:first-child:before {

content: "+1 (310) 924-1583";

margin-right: 40px;

}

So that it gets applied to the first item of the main navigation only and not on all first list items in the navigation.

Sorry for the incorrect code that you probably got from here:

Phone number on the Header

We have fixed it in that topic as well.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Submenu (sub item) position too low. Big top padding on first item

banbako4u — Mon, 03 Nov 2014 18:35:06 +0000

Thank you for the answer. It Is much better!

*Is it possible that the submenu in clients be centered? Right now is in to the left. I mean, How I can align perfectly in the center?
*And is it possible that the submenu rectangle options be closer that the maim menu, I mean less distance between the main and the sub?

Thank you!

Reply To: Submenu (sub item) position too low. Big top padding on first item

IshYoBoy — Tue, 04 Nov 2014 05:12:29 +0000

Hey,

All this needs to be done via custom CSS either by placing it in the child theme or into the “Custom CSS” field under Theme Options.

You can use “Inspect Element” to see what class names are used and generate an adequate css selector.

For the centered texts you’ll have to apply “text-align: center” and for the distance maybe try decreasing the padding of the first level nav. Something like this:

.ish-ph-main_nav > ul > li > a {
	margin-bottom: 0;
}

.ish-ph-main_nav > ul > li > a {

margin-bottom: 0;

}

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market