Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #888563
    belayachimarouane
    Participant

    Hello, I can’t have success deleting a space with css on mobile devices. I have hidden it with cornerstone but it didn’t work.

    Help!

    Thanks a lot!

    Screenshot : http://prnt.sc/attcai

    #889303
    Rupok
    Member

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #889444
    belayachimarouane
    Participant
    This reply has been marked as private.
    #889905
    Jack
    Keymaster

    Hi there,

    Thanks for writing back!

    To remove the spacing between elements, add the following CSS, under Appearance > Customize > Custom > CSS.

    @media only screen and (min-device-width: 420px) and (max-device-height: 736px) {
    	.home .x-section > .x-container {
    	padding-top: 0px;
    	padding-bottom: 0px;
    }
    
    }

    Thanks!

    #890641
    belayachimarouane
    Participant

    Hello, Thanks a lot! But I can still see the space in my mobile :/

    #891305
    Rupok
    Member

    Hi there,

    Thanks for updating. It seems you have also have the below code which overwriting the suggested code :

    .home .x-section > .x-container {
      padding: 20px !important;
    }

    In that case, kindly update the suggested code to following :

    @media only screen and (min-device-width: 320px) and (max-device-height: 736px) {
    	.home .x-section > .x-container {
    	padding-top: 0!important;
    	padding-bottom: 0!important;
    }
    
    }

    Hope this helps.

    Cheers!

    #891330
    belayachimarouane
    Participant

    Wonderful ! Thanks a lot!

    cheers

    #891350
    belayachimarouane
    Participant
    This reply has been marked as private.
    #891805
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (-webkit-min-device-pixel-ratio: 1) {
    .cs-hide-sm{
    display:none;
    }
    }

    Hope it helps.

    #892547
    belayachimarouane
    Participant

    Hello! Thanks a lot for your help! However I am still seeing it on my ipad :/
    Same for my homepage (stouch.eu) buttons are weird and don’t show up like on the cornerstone ipad visualizer! They show up inline instead of blocks.

    Thanks a lot

    #893334
    Paul R
    Moderator

    Hi,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    #893748
    belayachimarouane
    Participant
    This reply has been marked as private.
    #894326
    belayachimarouane
    Participant

    I am working on two website and both never get diplayed on the ipad preview (small) on cornerstone like on the real ipad!

    🙁

    #894785
    Rad
    Moderator

    Hi there,

    Please provide a valid account. I got this message when I logged in.

    Votre compte est en attente de validation par mail.

    Thanks!

    #894977
    belayachimarouane
    Participant

    Hello, I have solved the problem!

    Thanks a lot for your time

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