Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 9, 2016 at 12:32 am #87088
    Nonno
    Participant

    Hi,

    The three-column featured column works perfectly on desktop platform, but when viewed on a mobile device (android smartphone) the three images appear in a single column format.

    Is there some way to change the mobile device view so that it shows featured content as three columns?

    Thanks in advance,

    March 9, 2016 at 9:56 am #87108
    Mahesh
    Participant

    Hi @nonno-john,

    Yes, this can be done with Custom CSS. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

    #featured-content.layout-three .hentry {
    float: left;
    width: 33.33%;
}

    Regards,
    Mahesh

    March 9, 2016 at 7:29 pm #87154
    Nonno
    Participant

    Hi Mahesh,

    Fix worked perfectly. Thank you for the prompt response …and great support for the best theme ever!

    Regards,

    Nonno John

    March 9, 2016 at 8:12 pm #87156
    Nonno
    Participant

    @Mahesh,

    Just noticed on the smartphone 3-column feature layout —the text under the featured image looks too large. On mobile device only, can I reduce font size under featured image or eliminate text?

    thanks for taking a look …

    March 10, 2016 at 9:49 am #87198
    Mahesh
    Participant

    Hi @nonno-john,

    Add one of the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box as required:
    1. Reducing featured content title’s font size in mobile devices:

    @media screen and (max-width: 480px) {
    #featured-content .hentry .entry-header .entry-title > a {
        font-size: 12px;
        line-height: 1;
    }
}

    2. Eliminating featured content title in mobile devices:

    @media screen and (max-width: 480px) {
    #featured-content .hentry .entry-header {
	display: none;
    }
}

    Regards,
    Mahesh

    March 10, 2016 at 9:55 pm #87239
    Nonno
    Participant

    Hi Mahesh,

    PERFECT!!!!

    Thanks once again for great support.

    Best, Nonno

    March 11, 2016 at 9:28 am #87278
    Mahesh
    Participant

    @nonno-john: Thank you for your appreciation. Have a nice day!

    Regards,
    Mahesh

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘3-column featured content shows as single column on mobile platform’ is closed to new replies.