Appears I’m not only one with this issue!
Tried it and not working. All I just want is the site logo and right header widget to be center under breakpoint – I’ve tried many variations and bootstrap centering but nothing working :/
Okay, just realised I’d like Openstrap to show the logo and right header widget to squash up like my current site – http://www.rallyaround.co.uk/
Hope this helps you guys to help me.
After a lot of searching and searching – finally found CSS that helps centers the site logo into the center under breakpoint. The coding is as follows:
@media (max-width: 767px) { .logo-row > div { float: none !important; text-align: center; } }
That only applies for text – can’t seem to do the logo part…
This is the correct coding that works with site logo:
@media (max-width: 767px) {
.logo-row > div {
width: 100%;
text-align: center;
}
.logo-row .img-responsive {
display: inline-block;
}
}
Please note – I still need help with centering the right header widget under breakpoint – this is now my final issue for the moment.
In addition to the outstanding right header widget under breakpoint that is still outstanding – I’m trying to find the coloring of HR within the widget area – yes – i’ve inspected it and only closest thing I could find was the class HR-style-eight which upon changing that doesn’t have any effect – furthermore – even if I try just HR on its own – that doesn’t change the colour. Some assistant here please?
Any help with the above please? Tried various CSS and it’s not coloring it the way I want it to. Also same with the centering the right header under breakpoint.
remove hiddne-xs class from your header.php logo section (line #106 approx)
add this css to your styles.css
@media (max-width: 767px) {
.logo-row div {
width: 100%;
text-align: center;
}
.header-widget {
display: inline !important;
}
.site-header {
height:200px;
}
}
screen – http://www.opencodez.com/wp-content/uploads/2014/05/right-widget-center.png
For HR, I tried and edited css for class hr.style-eight
and it works
screen – http://www.opencodez.com/wp-content/uploads/2014/05/hr-color-change.png
Wow! Thank you!
As for the HR – I didn’t mean the HR in general but the HR used for the footer widget. This is only issue left now.
On the coding you posted before on CSS the navbar doesn’t stay within the div – it overlaps the contents if that make sense. Any help here?
for HR in below footer widget please update css for this
h4.footer-widget-title:after
Okay – so still navbar issue with your centering CSS code as above now.
