module in full width ?

  • Resolved mand01

    (@mand01)


    1 year, 3 months ago

    Hello Jacques,

    Can you tell me how to make the display of the module be in full width automatically ?

    What I did was, I chose to display the theme (twentyseventeen) as one column and full width. The result is that my paragraphs take up the full width of the PC screen which is ugly.

    There may be a compromise to be made in the settings for screen or mobile display… perhaps?
    . /

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jacques Malgrange

    (@sojahu)

    1 year, 3 months ago

    Hi,

    Your question is pure CSS. You will need to add a CSS on the parent block to set width. For example:

    .site-content{max-width:1200px;margin:0 auto;}

    To apply CSS only on smartphone, add this:

    @media screen and (max-width:780px){
	.site-content{width:95%;margin:0 auto;}
}

    Regards

    Thread Starter mand01

    (@mand01)

    1 year, 3 months ago

    Thank you Jacques for your code.

    But this one plays on the whole page, except what I want is just to modify the paragraph: position it on the right and see its title on the left (in fact, as during the initial display in two theme columns).

    Why am I asking this will you think? This is to be able to display the meetings module over the entire width of the site. on PC.

    ….But then perhaps the most logical solution would be to simply ask the module to display on the full page?

    Thread Starter mand01

    (@mand01)

    1 year, 3 months ago

    I changed the theme and the mode is displayed well on 3 columns, because this one accepts it. 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘module in full width ?’ is closed to new replies.