Okay
  Public Ticket #2805694
footer responsive
Closed

Comments

  •   epudesign started the conversation
  •  933
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    Can you please provide me with your wp-admin, I will have a quick look and also I can add some custom CSS code to change the look of the footer for responsiveness.

    Feel free to ask for anything you need.

    Kind Regards


  •   epudesign replied privately
  •  933
    Neuron replied

    Hi,

    I've just checked your website again and saw that you've changed the footer, do you want to make any changes to this one that you've added or not?

    Feel free to ask for anything you need.

    Kind Regards


  •   epudesign replied privately
  •  933
    Neuron replied

    Hi,

    Can you please add the following code at Appearance > Customize > Additional CSS to add the divider between columns of the footer?

    .l-primary-footer__widgets .custom-html-widget .col-md-3:not(:last-child) {
        border-right: 1px solid #fff;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • epudesign replied

    Thanks, I'll try now. 

    All the best, 

  •  933
    Neuron replied

    You are welcome anytime, feel free to ask for anything you need

    If you like our theme, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes


  • epudesign replied

    Dear all, could you please delehttps://ruvabexa.myhostpoint.ch/te the third line on the right site? 

    .l-primary-footer__widgets .custom-html-widget .col-md-3:not(:last-child) {    border-right: 1px solid #fff;
    }

    We would like to show only the first 2. I really appreciate your help. 

    All the best, 

  •  933
    Neuron replied

    Hi,

    Can you please remove the code that I've sent you before and add this one?

    .l-primary-footer__widgets .custom-html-widget .col-md-3:not(:nth-last-child(-n+2)) {
        border-right: 1px solid #fff;
    }

    Feel free to ask for anything you need.

    Kind Regards


  •   epudesign replied privately
  •  933
    Neuron replied

    Hi,

    I've added the following code at Appearance > Customize > Additional CSS, I've also added some code to give a little padding between those columns.

    @media (max-width: 720px) {
        .l-primary-footer__widgets .custom-html-widget .col-md-3:not(:nth-last-child(-n+2)) {
        border-right: none;
            border-bottom: 1px solid #FFF;
            padding-bottom: 2rem;
            padding-top: 2rem
        }
    }

    Feel free to ask for anything you need.

    Kind Regarsds