Joomla Templates Club 406,261 posts

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#659775

Dear all,

I believe that in iPhone 6 plus horizontal presentation should be reviewed.

IMHO the presentation should give 2 articles side by side not only one as it is the case now. What you think, this is some thing easy to add?

Thanking you in advance.

My website: http://www.tiqana.net

but I am also talking about your template…

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#660056

Hi aratype,

I got your point but this template is based on Bootstrap framework system and as you knew about Bootstrap, there is no available predefined class suffix for this view, you can take a look at this reference for more info.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#665136

Hi Saguaros,

Thank you! I have a question: could I do as iPhone6+ horizental position = iPad vertical position?… This actually will fit perfectly…

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#746527

Hi Saguaros,

Thank you! I have a question: could I do as iPhone6+ horizental position = iPad vertical position?… This actually will fit perfectly…

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#665476

It seems that you customise your site already and I don’t know where the part in your screenshot belongs to.

Try to use editor like Firebug, you will see the div:
<div class=”magazine-item col-sm-6″ itemtype=”http://schema.org/Article” itemscope=””>

you can find the associated PHP file which renders this div and add a new class: col-xs-6, it will look like:
<div class=”magazine-item col-sm-6 col-xs-6” itemtype=”http://schema.org/Article” itemscope=””>

http://prntscr.com/88yvyk

Then open the css file which you add custom css code and use this rule:

@media (max-width: @screen-xs) {
.magazine-item.col-xs-6 {
width:100%;
}
}


[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#746622

It seems that you customise your site already and I don’t know where the part in your screenshot belongs to.

Try to use editor like Firebug, you will see the div:
<div class=”magazine-item col-sm-6″ itemtype=”http://schema.org/Article” itemscope=””>

you can find the associated PHP file which renders this div and add a new class: col-xs-6, it will look like:
<div class=”magazine-item col-sm-6 col-xs-6” itemtype=”http://schema.org/Article” itemscope=””>

http://prntscr.com/88yvyk

Then open the css file which you add custom css code and use this rule:

@media (max-width: @screen-xs) {
.magazine-item.col-xs-6 {
width:100%;
}
}


[Author]

Posts