Christmas Sale | Flat 20% OFF on Lifetime & All Themes Package. Use coupon code XMAS2024 Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

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.