responsive issue and forum phpbb

[fredengl]

hello.

i use enfold.
my questions are:

i use a phpbb forum inside wordpress with wp-united plug in.
when activated, i got problem on smartphones. if there is images in the phpbb post, i cant see the right part of the forum. in fact, the responsive enfold goes ok but i can’t zoom in or zoom out to navigate in the phpbb page.

when i disable the responsive feature of enfold, my website is shrinked in a 960 pixel fixed width. when i use custom.css ton enlarge it to 1130 px, the sidebars ans content ar always scaled on the 960 px fixed mode.

an other thing:

how can i fix the width in then non responsive mod in custom.css to have the same result than my 1130 px responsive mode (full hd, 17.3)?

is it possible to active pinch to zoom in a responsive mode?

is it possible to deactivate scrolling menu bar on a specific url?

how can i resolve that?

thanks

[Dude]

Hey fredengl!

1) Yes, the fixed layout is just 960px by default. If you want to change it add this code to your child theme style.css file:

.container {
width: 910px;
}

/* Base Grid */
.container .one.unit,
.container .one.units {
  width: 30px;
}
.container .two.units {
  width: 110px;
}
.container .three.units {
  width: 190px;
}
.container .four.units {
  width: 270px;
}
.container .five.units {
  width: 350px;
}
.container .six.units {
  width: 430px;
}
.container .seven.units {
  width: 510px;
}
.container .eight.units {
  width: 590px;
}
.container .nine.units {
  width: 670px;
}
.container .ten.units {
  width: 750px;
}
.container .eleven.units {
  width: 830px;
}
.container .twelve.units {
  width: 910px;
}

and change the width of the container from 910px to a higher width. You also need to increase the grid unit widths accordingly – they’re based on a 12 column grid structure – i.e. if you increase the container width from 910px to 1010px (+100px) the twelve units value will also increase to 1010px and the .six.units value increases from 430px to 480px (because 6 columns cover the first half of the container area).

2) No, the responsive mode will always adjust the layout based on the current resolution and viewport.

3) No, you can’t select different header layouts for different pages. There’s a general setting (Enfold > Theme Options > Header) which determines the header type of the entire website.

Regards,
Peter

[Author]

Posts