I would like to change the
How can I make the bottom menu border as close to this as possible, since we’re part of that organization: http://www.apmp.org/ ?
This is our site: http://california-apmp.org/wp/
I think this code will do it, but I’m not sure how to apply it to the border
.
background-image:url(“http://california-apmp.org/wp/wp-content/uploads/2015/04/bg-irailhead.jpg”);
.
background-position: center bottom;
.
background-repeat: repeat-x;
.
height: 45px;
.
line-height: normal;
.
padding-bottom: 15px;
.
width: 100%;
}
Would it also be possible to push the menu above the border about 35 pixels as in the example site http://www.apmp.org/ , instead of below it ?
thank you
Gary
Hi gharding!
Thank you for using Enfold.
You can try this:
div#header_main_alternate {
background-color: #fff;
background-image: url("/graphics/menu-border.jpg");
background-position: center bottom;
background-repeat: repeat-x;
}
You need to get the the menu-border.jpg file.
Regards,
Ismael
thank you, that worked. Would it also be possible to push the menu above the border about 35 pixels as in the example site http://www.apmp.org/ , instead of below it ?
thank you
Gary
Hi!
Please try the following in Quick CSS under Enfold–>General Styling:
.html_header_top #top .av_menu_left .main_menu {
top: -30px !important;
padding-top: 40px !important;
}
Cheers!
Rikard
yes, that worked. thanks!!! How can get rid of the thin gray border between the menu and the logo now?
gary
Hey!
Please add following code to Quick CSS as well
#header_main_alternate {
border: none!important;
}
Cheers!
Yigit
that worked, thanks!