Navigation
Archive / Row layout overlapping in ipad/mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 21, 2016 at 11:12 am #1184890
    tiv1
    Participant

    Hi again, guys!

    The homepage I’m working on looks fine on desktop and ipad landscape view, but on ipad portrait and mobile the Row that has ‘Our Latest News’ sections is overlapping with the next row.

    Here is the url: aisc.ac.cy

    Is there some custom css I need to insert to avoid this problem?

    Also, for the footer widget, it works great on desktop and ipad, but the layout loses it’s alignment in mobile.

    Many thanks again. Really appreciate your great ongoing support.

    September 21, 2016 at 12:20 pm #1185027
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    #x-section-2 .x-column {
    height: auto !important;
}
@media screen and (max-width: 767px){
    #footerwidget td {
        display: block !important;
    }
}

    Let us know how this goes!

    September 22, 2016 at 8:20 am #1186370
    tiv1
    Participant

    Works beautifully! Thanks as ever.

    September 22, 2016 at 9:42 am #1186464
    Nabeel A
    Moderator

    Glad we could help 🙂

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1184890 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>