Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #646197

    Hi Kriesi,

    I’m using a footer width 4 widgets. I would like to show them like this:

    Desktop – 4 colums next to eachother
    Tablet – 2 colums next to eachother
    Mobile – 1 column

    I found this code:

    #footer .av_one_fourth:nth-child(1) {
        width: 20.5%;
    }
    
    #footer .av_one_fourth:nth-child(2) {
        width: 20.5%;
    }
    
    #footer .av_one_fourth:nth-child(3) {
        width: 20.5%;
    }
    
    #footer .av_one_fourth:nth-child(4) {
        width: 20.5%;
    }

    This code does the job, but it also affect the way of showing at desktops and it only works for the first 2 colums.

    #646208

    Hey BigBossMedia,

    Thanks you for contact us :)

    You may need to enter the code in media query

    /* For tablets*/
    @media only screen and (max-width:767px) {
    
    }
    

    if you have any questions please get back to us with a link to your site where we can inspect the element in question in order to help :)

    Best regards,
    Vinay

    #646263

    Hi Vinay,

    Could you tell me how I can change the number of colums that are showing up next to eachother in the footer? I would like to show 2 colums next to eachother at tablets and desktops. See the link in the private data.

    #646436

    Hi,

    as far as I can see it there are already two columns in your footer:

    View post on imgur.com


    So could you fix it already?

    Best regards,
    Andy

    #647411

    Hi Andy,

    That’s correct, but the code only works for the first 2 coloms. As you can see, the column with the title “architect” is different.

    #647488

    Hey!

    Please add following code to Quick CSS as well

    #footer .av_one_fourth:nth-child(3) {
        margin-left: 0;
    }

    Cheers!
    Yigit

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