Too much space between branding/brand.nav/classic nav and quickslider
Submitted by lukee on 23 October 2012 - 06:53 AM
#29brand nav classic quickslider space
lukee
Issue Timeline
Hi there,
No matter what I use (only Branding, or BrandNav, or only Classic Nav) there's an awkward space between the header and the quickslider below it on the main page. It exists on the other pages as well but it's less noticeable since there's a PageInfo to break the seam.
My logo is a transparent .png, and does not have extraneous pixel space surrounding the image. I've looked up and tried to fix this based on similar issues in the forums, but to no avail.
Here is all the custom CSS i've entered hoping to fix the various configurations:
Secondly: BrandNav, when viewed on my iPad, split up. The logo was staggered above the nav bar, which was shuttled all the way to the right. I'd like a way to fix this too, if possible.
Thirdly: I essentially want my home page to look like this: http://www.bikramyogasouthpas.com/ (was a site I found from these forums)
Thanks very much.
Enjoying the framework and recommending to the people I know who are interested, affiliate free.
No matter what I use (only Branding, or BrandNav, or only Classic Nav) there's an awkward space between the header and the quickslider below it on the main page. It exists on the other pages as well but it's less noticeable since there's a PageInfo to break the seam.
My logo is a transparent .png, and does not have extraneous pixel space surrounding the image. I've looked up and tried to fix this based on similar issues in the forums, but to no avail.
Here is all the custom CSS i've entered hoping to fix the various configurations:
#branding {.mainlogo-link, .mainlogo-img{margin:0 auto;float:none;}}
/* Centered Navigation */#page { #navbar, #nav{ .navline, .main-nav{ float:none; text-align: center; li { display:inline-block; float:none; text-align:center; a { float:none; text-align:center; } } } .dropdown-menu { text-align:left; } }}/* Centered Navigation Media Query*/@media(max-width:767px){body.pagelines { #page { #navbar { .navline { float:none; text-align:center; li,a { display: block; float: none; text-align: center; } } } } } }
span.c_img:hover {.transform(-5deg);.transition(all 0.2s);}
ul.menu-always-on-top li ul li a {padding: 10px 0 0 0px; text-align: center;}
/* CSS FOR NAV BACKGROUND COLOR */ #primary-nav .content { background-color: #000000; }
/* THIS WILL CHANGE THE FONT COLOR IN THE NAV */ .main_nav li a { color: #000000 !important; }
/* Centered Navigation Media Query*/@media(max-width:767px){body.pagelines { #page { #brandnav { .brandnav-nav { float:none; text-align:center; li,a { display: block; float: none; text-align: center; } } } } } }
Sorry about it being a lot.Secondly: BrandNav, when viewed on my iPad, split up. The logo was staggered above the nav bar, which was shuttled all the way to the right. I'd like a way to fix this too, if possible.
Thirdly: I essentially want my home page to look like this: http://www.bikramyogasouthpas.com/ (was a site I found from these forums)
Thanks very much.
Enjoying the framework and recommending to the people I know who are interested, affiliate free.


