Reduce Navigation Menu White Space - Support | Kriesi.at

Viewing 26 posts - 1 through 26 (of 26 total)

Author

Posts
February 19, 2014 at 10:53 pm #226475

brianplee
Participant

How can I reduce the space between the navigation menu items and the bar showing the current menu selection?

February 20, 2014 at 4:18 pm #226847
Yigit
Keymaster
Hi Brian!

Please add following code to Quick CSS in Enfold theme options under Styling tab
```
.social_header .main_menu ul:first-child > li a { line-height: 166px; }
```
Regards,
Yigit
February 21, 2014 at 5:22 am #227269

brianplee
Participant

I pasted this into the Quick CSS but it does not seem to have changed anything:

.social_header .main_menu ul:first-child > li a { line-height: 166px; }

http://www.forte-systems.com

February 21, 2014 at 5:25 am #227272
Josue
Inactive Moderator
Hey!

Try with this code:
```
span.avia-menu-fx {
    bottom: 30px !important;
}
```
Regards,
Josue
February 21, 2014 at 5:39 am #227275

brianplee
Participant

So, I added it to the previous suggestion:

.social_header .main_menu ul:first-child > li a { line-height: 166px; }
span.avia-menu-fx {
bottom: 30px !important;
}

and flushed my cache plugin. Still no change.

February 21, 2014 at 6:12 am #227279
Josue
Inactive Moderator
Hi!

Make sure you write the greater than sign correct (don’t paste it), right now it appears as a & gt; code.
```
.social_header .main_menu ul:first-child > li a { line-height: 166px; }
```
Regards,
Josue
February 21, 2014 at 6:24 am #227284

brianplee
Participant

I changed the > to > and still no change (sorry!).

February 21, 2014 at 6:25 am #227285

Josue
Inactive Moderator

Hi,

Can you create an administrator account and post it here as a private reply?

Regards,
Josue

February 21, 2014 at 6:29 am #227286

brianplee
Participant

This reply has been marked as private.

February 21, 2014 at 6:31 am #227288

brianplee
Participant

This reply has been marked as private.

February 21, 2014 at 6:34 am #227290

brianplee
Participant

This reply has been marked as private.

February 21, 2014 at 9:36 am #227319
Ismael
Moderator
Hi!

Please add this on Quick CSS or custom.css:
```
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 60px;
line-height: 60px;
}
```
Cheers!
Ismael
February 21, 2014 at 2:40 pm #227490

brianplee
Participant

I added your suggestion to Quick CSS and still no change. If it helps, I’m uising the header Non-fixed Header with Social Icons and Additional Navigation.

February 21, 2014 at 5:29 pm #227576

Yigit
Keymaster

Hey!

Code is not being applied. Please try deactivating all active plugins and check if that helps. If not, please make sure that wp-content>uploads folder has correct permissions ( 755 )

Regards,
Yigit

February 21, 2014 at 5:32 pm #227579

Josue
Inactive Moderator

You can also add the code to the css/custom.css file.

Regards,
Josue

February 21, 2014 at 7:15 pm #227618

brianplee
Participant

I added the code to custom.css but it still does not have an effect:

/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 60px;
line-height: 60px;
}

February 21, 2014 at 7:30 pm #227626

Josue
Inactive Moderator

They are not because there is a CDN functionality activated, so the file that is served is this one:
http://forte.wpengine.netdna-cdn.com/wp-content/themes/enfold/css/custom.css?ver=1

Instead of this one (which has the change applied):
http://www.forte-systems.com//wp-content/themes/enfold/css/custom.css?ver=1

Same with the changes in Quick CSS:
http://forte.wpengine.netdna-cdn.com/wp-content/uploads/dynamic_avia/enfold.css?ver=1

Best regards,
Josue

February 21, 2014 at 8:22 pm #227653

brianplee
Participant

Thanks for the clarification. I’ll wait for the CDN to catch up or disable it temporarily.

February 21, 2014 at 8:28 pm #227659

Josue
Inactive Moderator

We looking forward to hearing from you.

February 23, 2014 at 1:50 am #227987

brianplee
Participant

I finally got the changes to show up by disabling CDN and the cache plugin. I put this code in custom.css and the white space is gone. But, the red line showing the menu selection is now on top of the navigation text. How do I move the line down so it sits on top of the thin gray line below the navigation menu text?

.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 60px;
line-height: 60px;
}

http://www.forte-systems.com

Thanks for all the help!!!

February 23, 2014 at 3:32 am #228030
Josue
Inactive Moderator
In css/custom.css remove this code:
```
span.avia-menu-fx {
    bottom: 0px !important;
}
```
Cheers!
Josue
February 23, 2014 at 5:07 am #228063

brianplee
Participant

I do not see that code in custom.css. Here is the contents of custom.css:

/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 60px;
line-height: 60px;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */

}

span.avia-menu-fx {
bottom: 30px !important;
}

February 23, 2014 at 5:22 am #228073
Ismael
Moderator
Hey!

Please add this on custom.css or Quick CSS:
```
span.avia-menu-fx {
bottom: 0px !important;
}
```
For further customization, please visit Werkpress.

Regards,
Ismael
February 23, 2014 at 5:37 am #228076

brianplee
Participant

I added the code and custom.css is shown below. The problem is still there:

/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 60px;
line-height: 60px;
}
span.avia-menu-fx {
bottom: 0px !important;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */

}

span.avia-menu-fx {
bottom: 30px !important;
}

February 23, 2014 at 10:13 am #228097
Josue
Inactive Moderator
The code i told you to remove is still there, at the very bottom:
```
span.avia-menu-fx {
bottom: 30px !important;
}
```
Regards,
Josue
February 23, 2014 at 7:04 pm #228159

brianplee
Participant

Thank you! The change works now except when I enable WPengine’s CDN. I have a ticket open with them to resolve the CDN issue.

Thanks again for all the help!!!
Author

Posts

Viewing 26 posts - 1 through 26 (of 26 total)

The topic ‘Reduce Navigation Menu White Space’ is closed to new replies.