Agency PRO Responsive Issue

Community Forums Forums Design Tips and Tricks Agency PRO Responsive Issue

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  braddalton 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #67769

    Reginald
    Participant
    Post count: 52

    Hi all,

    Had some issues with Agency Pro theme. By default, it is auto responsive so it is okay. However, I noticed my top middle and top bottom widgets are not responsive on homepage (set as categories / posts).

    Instead of lining up one article per row, it shows 3 articles per row instead.This makes the layout totally messed up.

    Any suggestion for this? Please advise what I should do.

    Here’s the link: http://www.reginaldchan.net


    http://www.reginaldchan.net
    #67782

    braddalton
    Participant
    Post count: 7473

    Yes i see that however the demo looks perfect so it may have something to do with the way you have setup or customized your front page.

    I know from customizing many different SP child themes that the Media Queries they have added to the end of the style.css file make it very easy to make changes to the way you want different elements (customization) to look on different sized screens.

    What you can do is take those classes and add

    width: 100%;

    to them to any of the Media Queries like so @media only screen and (max-width: 680px) {


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #67787

    Reginald
    Participant
    Post count: 52

    Hi Brad,

    This means that I just add

    width: 100%;

    to the end of all the @media stuffs?

    Just want to clarify.


    #67790

    braddalton
    Participant
    Post count: 7473

    No. You will need to use the right classes and only add the code to the screen sizes you want them to.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.