HEADER NUMBER 4

[nateynartey]

1.) In HEADER NUMBER 4 how do I make it go Edge to Edge instead of Contained. ( Its contained now because I have a large screen 1920 X 1080 and it does not go to the edge )

2.) DIVIDER LINE OPTIONS
The shop filter Lines also control the Lines around the box for product SIZES in the inner page which is my problem. ( Is there a way to remove just the line on the Filters but still keep the Line around the SIZES Product options box?

3.) How do you make the dropdown MEGA MENU go from edge to edge

[David Martin – Support]

Hi,

1) Please try this CSS:

.header-wrap .container {
    width: 100%;
}

2) Could you add a screenshot to illustrate this?

3) Have you unchecked the option in the Menu “Natural Width Mega Menu”.

Thanks

[nateynartey]

1.) The CODE worked Perfectly. Thanks!

2.) IMAGE ATTACHED ( The Divider and Shadow option both have a line below the Menu )

Color – Header > Header Divider Style > Divider

3.) Yes “Natural Width Mega Menu”. IS DISABLED
Alternate Style Mega Menu is Checked but now the MEGA MENU is left aligned ever since I Made the Header edge to edge.

Attachments:

You must be logged in to view attached files.

[nateynartey]

SORRY The FILTER LINES is the image attached. Thats the line which is linked to ( LINE-2 ) attachment

Is it Possible to Remove the Lines around the FILTERS and keep the lines in ( LINE-2 )

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.woo-aux-options {
  border: none;
}

– Kyle

[nateynartey]

Thanks Kyle! . The CODE worked Perfectly

3.) Yes “Natural Width Mega Menu”. IS UNCHECKED
Alternate Style Mega Menu is Checked but now the MEGA MENU is left aligned instead of center since I Made the Header edge to edge.

I WANT IT CENTERED AND EDGE TO EDGE LIKE THE DEMO DROPDOWN MENU

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please test this:

@media only screen and (min-width: 1260px)
li.menu-item.sf-mega-menu > ul.sub-menu {
    width: 100%;
}

Thanks.

[nateynartey]

I Tested The code and got A Line error

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Sorry, I missed a bracket:

@media only screen and (min-width: 1260px) {
li.menu-item.sf-mega-menu > ul.sub-menu {
    width: 100%;
}
}

Thanks

[nateynartey]

Thanks guys. Excellent work Love this theme!

I will mark this as resloved

[nateynartey]

complete

[Kyle – SUPPORT]

No problem 🙂