Navigation
Archive / Media Query p-info
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 7, 2016 at 7:39 pm #1121316
    Andrew F
    Participant

    I have tried to write a media query for my site here http://www.woodlandsdentistry.com/

    I want to align all the header info logo, p-info and social on small screens under 900PX but it won’t work for me, can you take a look and see what I am doing wrong. Thank you.

    August 7, 2016 at 8:14 pm #1121429
    John Ezra
    Member

    Hi there,

    Thanks for writing in! What exactly do you want to align/achieve. I have checked your site and the items don’t look misaligned. Please do let us know – thanks!

    August 8, 2016 at 5:49 am #1121923
    Andrew F
    Participant

    Sorry I want it to center align on small screens, it aligns right on larger screens which looks great. But the smaller screen the social icons are aligned center and the p-info and logo are aligned left and right (I think)

    August 8, 2016 at 7:23 am #1122005
    Christian
    Moderator

    Hey Andrew,

    Please add a class to your topbar elements and move your inline styles to the classes so we could target it with media query (see attachment).

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1121316 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>