hi everybody, i have a problem with navigation bar abov header. i go to the other graphical elements and i choose - Show menu items as individual tabs but when i go to my website i can see my items in a continuous list. when i set up in navigation bar below header, everything is ok. could you help me and say where i made mistake? and second problem - how can i remove white line around my main wrapper. thank you very much
here si url my website
http://test.questionsaskemployers.com/
Ravinder Kumar
Member
Posted 3 years ago #
hey morene,
just try this css
/* Top menu and (#)warpper css fix*/
#wrapper { background: transparent!important; border: none!important; }
#nav { border-bottom: none; }
#nav-top ul ul { position: absolute; }
#nav-top {
border: none;
background: transparent;
}
#nav-top ul.sf-menu > li:first-child,
#nav-top ul.sf-menu > li:first-child > a,
#nav-top ul.sf-menu > li:first-child > a:hover {
border-bottom-left-radius: 5px;
}
#nav-top ul.sf-menu > li:last-child,
#nav-top ul.sf-menu > li:last-child > a,
#nav-top ul.sf-menu > li:last-child > a:hover {
border-bottom-right-radius: 5px;
}
#nav-top ul.sf-menu > li { margin-right: 5px; }
paste this code in jetpack css editer (if you have jetpack plugin activated ) or in /themes/your-current-theme/style.css
thank you, i donĀ“t have jetpack, so please could you say me, where (in th style.css) exactly should i paste this code?
Ravinder Kumar
Member
Posted 3 years ago #
you can find it here
/wp-content/themes/suffusion/style.css
Directly editing theme's CSS is NOT recommended.
You'll lose your modification when you update/re-install your theme.
Follow my advice instead.
+1 for Aditya Pandey's advice.
Use either a child theme, a custom CSS plugin, or the theme's custom CSS option (if it supports that). Modifying the theme's original files for CSS changes is always a bad idea.
Doubly so when using Suffusion - which is a highly complex & customisable theme. In fact, I'd recommend asking about this in the theme's dedicated forum before you do anything.