Top phone number area layout responsiveness

[sdaris]

This is more an advice thing rather than an actual problem. I put a graphic along side the top telephone number area next to the logo and was wondering if I should have built it with better CSS for getting it to look right at each viewport size. I used a bunch of @media screen queries for certain sizes and it seems so hacked and unsemantic to me. Do you think I should trash this way of doing it and instead just override the template so that an extra DIV is added up there for my graphic, giving it its own container essentially, so I have more layout control? If so, how would I do this? And lastly, if I do add the extra DIV, I want to make sure that the main content class .container is fluid width-wise at all screen sizes because right now it stays at 960px width all the way from screen sizes 960px down to 800px (ie, it stays 960px width even at 800px). Thanks again 🙂
pandaperio.com/pp2

Topic

[aureusb]

i think you should hire a web consultant

[Jason Bobich]

Sure, if you want more control over the markup going up there, this is a perfect example of why you’d use action hooks.

http://dev.themeblvd.com/tutorial/primary-framework-action-hooks/

function my_header_addon(){
	?>
	Your HTML...
	<?php
}
remove_all_actions( 'themeblvd_header_addon' );
add_action( 'themeblvd_header_addon', 'my_header_addon' );

I want to make sure that the main content class .container is fluid width-wise at all screen sizes because right now it stays at 960px width all the way from screen sizes 960px down to 800px (ie, it stays 960px width even at 800px).

Sure, why not.

.layout_stretch #top #header_content, 
.layout_stretch #access .container, 
.layout_stretch #featured .featured-content, 
.layout_stretch #main #breadcrumbs .breadcrumbs-inner, 
.layout_stretch #main #sidebar_layout, 
.layout_stretch #featured_below .featured_below-content, 
.layout_stretch #bottom #colophon {
	max-width: 960px;
	width: auto;
}

[sdaris]

As usual, perfect answers and awesome support – everything works great now. I’m learning a lot working with this framework! Thanks again 🙂
pandaperio.com/pp2
(is @aureusb above spam?)

[Jason Bobich]

haha it does kind of look like that, but no it isn’t; just another buyer asking the same types of questions as you — http://support.themeblvd.com/forums/users/aureusb/

[Author]

Replies