This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Top phone number area layout responsiveness

  • Creator
    Topic
  • #2303
    sdaris
    Participant

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Author
    Replies
  • #2312
    aureusb
    Member

    i think you should hire a web consultant

    #2324
    Jason Bobich
    Keymaster

    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;
    }
    #2333
    sdaris
    Participant

    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?)

    #2352
    Jason Bobich
    Keymaster

    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/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.