Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 11, 2020 at 7:38 pm #1221881
    Levante Golf

    Hi,

    I´ve followed the steps from this topic – https://kriesi.at/support/topic/3-columns-to-2-columns-on-mobile-version/ which has helped a lot however I can´t seem to get the 3rd column that gets pushed below the first 2 columns to centre underneath them. I´ve used the code:

    @media only screen and (min-width:767px) and (max-width:990px) {
    .vipcolumn {
    width:46%!important;
    }
    .vipcolumn.av_one_third{
    margin-left:2%!important;
    margin-right:2%!important;
    }}

    Which has done exactly what I wanted however the 3rd column is aligned to the left of the screen. Could you provide me with some code so that this 3rd column gets centred in the middle of the screen? I tried using the suggested code:

    display:table !important;
    margin:0 auto !important;

    from the above mentioned topic but it hasn´t worked.

    Many thanks in advance

    June 13, 2020 at 5:59 am #1222271
    Rikard

    Hey ProTravelGolf,

    Could you post a link to where we can see the results you are getting please?

    Best regards,
    Rikard

    June 14, 2020 at 12:25 pm #1222461
    Levante Golf
    This reply has been marked as private.
    June 15, 2020 at 5:26 am #1222550
    Rikard

    Hi,

    Thanks for the screenshot. Could you post a link to where we can see the actual elements as well? We need to inspect the elements in order to give you accurate CSS.

    Best regards,
    Rikard

    June 15, 2020 at 8:25 am #1222564
    Levante Golf
    This reply has been marked as private.
    June 16, 2020 at 4:18 am #1222894
    Rikard

    Hi,

    Thanks for that. I see that the active CSS is using !important, so we can’t override that unfortunately:

    @media only screen and (max-width: 990px) and (min-width: 467px) {
#homebottomipadwider .container .vipcolumn {
    width: 46%!important;
}
}

    Could you try removing !important to see if it still applies please? You could also try to not apply it to the last column, something like this:

    @media only screen and (max-width: 990px) and (min-width: 467px) {
#homebottomipadwider .container .vipcolumn:not(:last-child) {
    width: 46%;
}
}

    Best regards,
    Rikard

    June 16, 2020 at 10:10 am #1222950
    Levante Golf
    This reply has been marked as private.
    June 16, 2020 at 3:58 pm #1223087
    Guenni007

    Solution is private :) ;)

    June 17, 2020 at 6:14 am #1223234
    Rikard

    Hi,

    Thanks for helping out @guenni007, did you try that out and did you have any luck with it @ProTravelGolf?

    Best regards,
    Rikard

    June 17, 2020 at 6:14 pm #1223473
    Levante Golf
    This reply has been marked as private.
    June 18, 2020 at 8:35 am #1223616
    Rikard

    Hi,

    Thanks for the update, we’ll leave this thread open for you in case you should need any further help from us.

    Best regards,
    Rikard

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