Get 20% Off On All Our Premium WordPress Themes Bundle. Use GRACEBFCM Coupon Code For Discount Deal Upto Dec 15 Buy Now

Need help with responsive design of Service Section

Home Support Creator World WordPress Theme Need help with responsive design of Service Section

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #22589
    jbaioni23
    Participant

    I am working in the section content. I have changed the service section to be a partner section. This section will only have logos of companyies that link to the company. I have the logos in-line at computer screen size, but when I try to get the logos to be in line at pad size, they only show one in a line making scrolling ridiculous. Here is what I have in the section. I am using the 1/4 column design, I want 1/2 at pad size or 1/3 columns at pad size. I have tried to use styling to move them to in-line but will not work. Can you help? I have this on local and not live. So no url is available until client pays for hosting.

    [column_content type=”one_fourth”]
    </br></br>
    <h6>Windows and Doors</h6>
    [/column_content]

    [column_content type=”one_fourth”]
    </br></br>
    <h6>Floor Tiling and More</h6>
    [/column_content]

    [column_content type=”one_fourth”]
    </br></br>
    <h6>Custom Cabinets</h6>
    [/column_content]

    [column_content type=”one_fourth”]
    </br></br>
    <h6>Floor Tiling and More</h6>
    [/column_content]

    [column_content type=”one_fourth”]
    </br></br>
    <h6>Floor Tiling and More</h6>
    [/column_content]

    [column_content type=”one_fourth”]
    </br></br>
    <h6>Floor Tiling and More</h6>
    [/column_content]

    [column_content type=”one_fourth”]
    </br></br>
    <h6>Floor Tiling and More</h6>
    [/column_content]

    This is what I have for css

    @media screen and (max-width: 767px)and (min-width:480px){
    .container, .content-area{
    width:80%;
    }
    }

    and

    @media screen and (max-width: 767px)and (min-width:480px){
    .servicewrap.one_fourth{

    }
    }

    @media screen and (max-width: 767px)and (min-width:480px){
    #partnerServices{
    min-width:60px;
    min-height:110px;
    }
    }

    #22595
    Grace Themes
    Member

    Hi,

    Please use the default section as it is.

    Regards
    Grace Themes

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.