Byron

Media Queries Issue Help Please......

4 posts in this topic

Hi guys

 

I am in need of some advice/help please in regards to media queries and making things repsonsive. BTW my site is using the twiter bootstrap framework (Not sure if that makes any difference or not) At the moment I am currently in the progress of creating a HTML page: http://unlockingblueprints.com/templates/responsive/membership-course-page.html that Is exactly the same as the word press page: https://optimizepressplus.com/instruct-membership-course-page-new/

 

I have just started doing it.. If you look at the instruct Homepage heading - I have copied all of CSS code + media queries for it.. However for some reason on the HTML it does not work the same as it does on the wordpress page.. If you change the screen size on the word press page you will noticed that the font size changes correctly but not actually on the HTML page.. And I have no idea why.....

Share this post


Link to post
Share on other sites

Its not using bootstrap, so it will be different in padding, margins, and maybe the number of column is different to bootstraps 12 column framework also. So the responsiveness of layout for different devices maybe different also.

Share this post


Link to post
Share on other sites

I know it's not using bootstrap but you can add different widths etc to container in different media queries and so on

Share this post


Link to post
Share on other sites

Yes! But if margins, padding are different and the not the same as used for containers, row, col-**-** etc the content responsive widths layout will not be identical because it allows for those margin, padding used which the wordpress layout does not use even if the media query widths are the same.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now