Hi,

Try this code if it does not make any change deactivate any caching plugins and hard refresh the browser a few times.
If you still have any issues please post us your login details in private so we can take a closer look.

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-loop-1.flex_column{
	margin-bottom: 0px!important;
}}

Best regards,
Vinay

Hey FerryTCB,

To create a split menu with centered logo please start by selecting the “Menu and Logo position” to “Logo Center Menu Below” from Enfold > Header > Menu and Logo Position

Then try adding the below code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

Adjust the nth-child(x), margin and top values to suit your design.

1. nth-child(2) in the below code refers to the 2nd menu item if you have 6 menu items change it to 3.
2. To vertically align the logo and menu adjust the margin-top and the top values in the below code.

That’s all friends :)

/* Split menu
----------------*/

@media only screen and (min-width:768px) {

.av-main-nav li:nth-child(3) {
    margin-right:300px;
}
.av-logo-container {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}
#header {
    margin-top: 30px;
}}

Best regards,
Vinay

• This reply was modified 9 years, 3 months ago by Vinay.

Hi,

Thank you for the clarification we have added the below code in Quick CSS if you like to add another page as a popup please update the page ID in the css code.

NOTE: Page ID is a class name added to the body class which can be accessed by right click on the page and select inspect.

/* popup form */

.page-id-91 .mfp-iframe-scaler iframe {
    min-height: 90vh!important;
    top: 50%;
    transform: translateY(-50%);
}

.page-id-91 .mfp-iframe-scaler,
.page-id-91 .mfp-content {
    min-height: 85vh!important;
}

Best regards,
Vinay

Hey LbCCbeA_89,

It’s best recommmended to change the look and feel of the menu items from enfold theme options.

Enfold > Advance Styling > Menu Items

If you are looking for CSS class names for advanced styling, here they are :

NOTE: Add important rule to the css property if you do not see any changes.
Other reason you may not see the css changes is because a caching plugin is active, please deactivate the cache plugin and try to hard refresh the browser.

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

/* Menu font color */
#top #header .av-main-nav > li > a .avia-menu-text, 
#top #header .av-main-nav > li > a .avia-menu-subtext {
    color: #4d4d4d;
}

/* 
Background color
Border color
font size
*/
#top #header .av-main-nav > li > a {
    background-color: #f7f7f7;
    border-color: #bdbdbd;
    font-size: 16px;
}

/* Active menu hover state */
.header_color .avia-menu-fx {
    background-color: #c51048;
    border-color: #c51048;
}

/* Header border */
.header_color div {
border-color: #ff0303;
}

Best regards,
Vinay

• This reply was modified 9 years, 3 months ago by Vinay.