Replies: 0
Hello,
I am new to word press and I decided to try the Virtue theme as I think it’s one of the easiest to customize, however, my knowledge of tweaking CSS’s is a bit limited and I am stuck in the top bar alignment items. I took the header off and just left the top bar, in the top bar i want to have a basic navigation menu, social media icons, search bar and the logo of the site aligning with it all. The only way I can add the logo on this free version will be by adding a widget of an image, which i did, however always gets underneath the search bar widget. What I wanted is, by order: logo, 5 to 6 menu items, 3 social icons and the search bar everything lined up and close. Right now my customized CSS that I have inserted on advanced settings and which I tweaked/copied by googling it and searching here is:
.topclass {
position: fixed;
z-index: 1000;
width: 100%;
}
.topbarmenu ul li a {
font-size: 15px;
line-height: 31px;
}
@media (min-width: 992px){
.topbar-widget {
position: right;
left: 25%;
width: 50%;
bottom: 100%;
text-align:center;
padding-bottom:5px;
padding-top: 5px;
.topclass .icon {
float: left;
margin-top: 7px;
}
footer#containerfooter li {
list-style: none;
list-style-position: outside;
margin-left: -19px !important;
width: 190px;
}
What the topbar looks now (you can see the problem right away)
Thanks for all your time in advance
David