Jump to content
Sign in to follow this  
saiten

no columns and margins on mobile devices

Recommended Posts

saiten

hi there.

 

i've got a css-responsive-question. how can i define, that my text changes from a 2 column view (with a big margin on the left side)  to a 1 column view (without a margin) on mobile devices.

 

for better understanding, see the attachments and the css-code.

 

mobile.tiff

 

desktop.tiff

 

 

/* DESKTOP */

.entry_content {
	text-align: justify;
	font-size: 15px;
	font-family: times new roman,times,serif;
	line-height: 19px;
	margin-left: 100px;
	-moz-column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
}

/*MOBILE*/

.entry_content {
	text-align: justify;
	font-size: 15px;
	font-family: times new roman,times,serif;
	line-height: 19px;
/*	margin-left: 100px;
	-moz-column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;*/
}

thank you very much for a little help.

peter

 

 

 

Share this post


Link to post
Share on other sites
Rob

Hi Peter,

Please don't use .tiff files, as they're far too large.  It's better to use jpg, gif or png files in the forum.

 

How did you get your text into columns?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
saiten

sorry for the tiff's.

 

this is the css code, that get my text in columns.

    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;

Share this post


Link to post
Share on other sites
Danny

Hi,

 

Unfortunately, we do not provide support to user created custom code. I think the best course of action is for you to use the PageLines grid, to organise your text into two columns. Also when viewed on a mobile device such as a phone, these columns will become one full width column.

 

You can find information regarding the PageLines Grid here.

 

http://support.pagelines.me/docs/miscellaneous/grid-system/


Please search our forums, before posting!

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

Sign in to follow this  

×