Navigation
Archive / Issue with mobile devices
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 13, 2017 at 9:38 am #1369041
    anitaswebdesign
    Participant

    Hi,

    The site URL is https://executivecoachglobal.com

    I started with the site on http://ecg.anitaswebdesign.com and moved it to https://executivecoachglobal.com a few days ago. The site was perfect on desktops, laptops AND mobile devices before I moved it.

    The site is perfect on a desktop and laptop but on the mobile devices the red tabs on the homepage are overlapping the image on the top. I have the margins and padding exactly as the other site.

    I find if I have the top margin so it looks good on ipads and phones, there’s a huge white space between the header image and red tabs.

    I have screenshots from an ipad view and a view on an android phone.

    If you could help with a solution, that would be great, so I don’t have to redo the site 🙂

    Thanks!

    February 13, 2017 at 10:35 am #1369111
    Nabeel A
    Moderator

    Hi there,

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

    .home #x-section-1 {
    margin: 0 !important;
}

    Let us know how this goes!

    February 13, 2017 at 10:46 am #1369135
    anitaswebdesign
    Participant

    Amazing!!! Thank you!

    Is there a way to have the top image flush to the top and sides of the page like I had? With no white space around it?

    February 13, 2017 at 12:27 pm #1369289
    Rupok
    Member

    Hi there,

    Thanks for writing back. You need to select the Row and disable “Column Container” to get rid of the spaces on left and right. And for the top space, let’s use this CSS :

    .entry-wrap {
    padding-top: 0 !important;
}

    Cheers!

    February 13, 2017 at 12:58 pm #1369341
    anitaswebdesign
    Participant

    That’s perfect!

    I have to say your forum service is amazing and the wait time is great! Your forum has been invaluable to my clients’ website production!

    Thank you again 🙂

    February 13, 2017 at 5:06 pm #1369653
    Jade
    Moderator

    You’re most welcome. 🙂

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