-
AuthorPosts
-
November 24, 2016 at 12:08 am #716211
Hi there,
on some sites, we have a two lined Fullwidth Sub Menu.
Ok – no problem.But it doesn’t really look nice, yet:
http://screencast.com/t/IfTTxp7EQ8wI made this with this code:
div#sub_menu1 ul#av-custom-submenu-1 {
background-color: rgb(84, 120, 42) !important;
}Questions:
1. It would be nice, if the green Menu would reach until the screenborders (red arrows left / right)
2. The distance between the two rows (“x”) is too long. The 2nd row must be higher.I would be glad, if you can help!?
Thanks –
Marc
November 25, 2016 at 4:37 am #716640Hey Marc,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardNovember 25, 2016 at 1:08 pm #716804November 26, 2016 at 6:30 am #717142Hi Marc,
You have this in your enfold-child.css file:
#top .av-submenu-container .container { padding: 0 43px !important; }
Please try changing it to this:
#top .av-submenu-container .container { padding: 0 !important; }
Best regards,
RikardNovember 26, 2016 at 1:22 pm #717207Hi Rikard,
thank you very much for your re-action.
But unfortunately, your code does not, what I ment.BTW: Maybe, my question is too extensive for kriesi’s support!? I don’t know!?
I made a new picture (can’t do it more clearly):
http://screencast.com/t/TdApl1svytLooking’ out for your answer –
Kind regards and thanks alot again –
Marc
/ The integrated code is made by “microthemer”. So it’s actually not part of the “Quick CSS Window” / Naturally, I can change that. /
- This reply was modified 8 years ago by Faun2015.
November 27, 2016 at 1:03 am #717324Hi,
Try adding this css code:
#top .av-submenu-container { height: auto !important; }
Let us know if it helps.
Best regards,
NikkoNovember 27, 2016 at 2:12 pm #717424Hi Nikko,
thanks a lot for your answer. Now, the sub menu reaches from the left to the right screen-border.
Fine! :-)But still, I’m looking for a solution to minimize the vertical distance between the upper and the lower text-navigation.
In that way, that the lower line gets higher.Can you help for this too?
Kind regards –
marc
November 28, 2016 at 9:10 pm #717977Hi,
Try adding this code in Quick CSS:
#top .av-subnav-menu > li { padding: 5px 0; }
If it doesn’t work try adding !important, it should look like this:
#top .av-subnav-menu > li { padding: 5px 0 !important; }
Just adjust the values as you see fit. 5px is for top and bottom while 0 is for left and right. Hope this helps :)
Best regards,
NikkoNovember 29, 2016 at 12:34 pm #718198Hi Nikko,
first, I thought – that works great!But as a result of your (first) code, an additional, narrow, green navigation strip (see http://screencast.com/t/6go5Cieu) now appears on all pages. At first I thought I should refer your code to specific pages. But that does not lead to the solution. Because if I adjust the page somewhat narrower (responsive), the strip always appears.
Is there a solution that the (empty, green) strip does not appear?Thanks a lot – :-)
Marc- This reply was modified 8 years ago by Faun2015. Reason: I saw it later
December 4, 2016 at 5:13 am #720131Hi,
Is the site down? I want to check the menu container but it can’t be reached.
This site can’t be reached
gartenholzprofi.pro-dukt.de’s server DNS address could not be found.
Go to http://pro-dukt.de/
Search Google for gartenholzprofi pro dukt de
ERR_NAME_NOT_RESOLVEDSet the height of the “sticky placeholder”.
#top .av-submenu-container { height: 32px; } #top .sticky_placeholder { height: 31px; }
Best regards,
IsmaelDecember 5, 2016 at 1:34 pm #720447Hi Ismael,
great! :-) That worked.
Thank you very much for your help.
KR – Marc
December 7, 2016 at 3:58 pm #721537Hi,
Glad we could help!
We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
AndyDecember 7, 2016 at 3:58 pm #721539Hi,
Best regards,
Andy -
AuthorPosts
- The topic ‘2nd row sub menu / background clr / positioning’ is closed to new replies.