Viewing 30 posts - 1 through 30 (of 47 total)
  • Author
    Posts
  • #248773

    Hi there,
    how can I get rid of the overlapping that we’re seeing here in the footer with the social items: http://dev.lorenasarbu.com/lsi-snap
    Thanks

    #248774
    This reply has been marked as private.
    #249262

    Hi!

    Please add following code to Quick CSS

    @media only screen and (max-width: 990px) {
    #socket { height: 60px; }
    .container .copyright {
    padding-top: 30px!important;
    }}

    Cheers!
    Yigit

    #249365
    This reply has been marked as private.
    #249813

    Hey!

    Please add folllowing code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo img {
    height: auto !important; }
    #header_main {
    margin-bottom: 15px; }
    #socket .sub_menu_socket div { float: left; }
    }
    #mobile-advanced ul.sub-menu {
    padding-left: 30px;
    }

    Please firstly add button and then post the link to your page and point them out

    Regards,
    Yigit

    #249827
    This reply has been marked as private.
    #249832
    This reply has been marked as private.
    #249838
    This reply has been marked as private.
    #250709

    Hey!

    Please use this to fix the logo:

    @media only screen and (max-width: 480px) {
    .responsive .mobile_slide_out .logo img {
    margin: 0;
    width: 80%;
    }
    
    .responsive .mobile_slide_out .logo {
    position: relative;
    top: 20px;
    left: 0;
    }
    }

    Cheers!
    Ismael

    #251142
    This reply has been marked as private.
    #251442
    This reply has been marked as private.
    #251852

    Hey!

    Please change left: 0; in Ismael’s code to left: 35%;
    and add following code to Quick CSS

    @media only screen and (max-width: 480px) {
    .responsive .mobile_slide_out .logo { left: 0!important; }}

    Best regards,
    Yigit

    • This reply was modified 10 years, 8 months ago by Yigit.
    #251860
    This reply has been marked as private.
    #251864

    Hi!

    I have edited the code i posted and added !important rule, it should fix it :)

    Regards,
    Yigit

    #251865
    This reply has been marked as private.
    #251932
    This reply has been marked as private.
    #252079

    Hi!

    That is because code i posted here is not being applied – https://kriesi.at/support/topic/social-media-footer-overlapping-on-ipad/#post-251852
    I tried to login with credentials you provided earlier but they are not working one. Do you mind creating another one so i can take care of everything?

    Cheers!
    Yigit

    #252089
    This reply has been marked as private.
    #252128

    Hey!

    Please review your website now

    Best regards,
    Yigit

    #252146
    This reply has been marked as private.
    #252152

    Hi!

    You are welcome. I edited Style.css file of your child theme. Shall i mark the thread as resolved? :)

    Best regards,
    Yigit

    #252164
    This reply has been marked as private.
    #252200

    Hey!

    Please add following code to custom css as well

    @media only screen and (max-width: 480px) {
    .container .copyright {
    padding-top: 45px!important;
    }}

    Cheers!
    Yigit

    #252212
    This reply has been marked as private.
    #252227

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
    .sub-menu li a:before {
    top: 5px!important;
    }
    .sub-menu li {
    padding-left: 30px!important;
    }}

    Best regards,
    Yigit

    #252232
    This reply has been marked as private.
    #252244

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    footer#socket.container_wrap.socket_color div.container {
    padding-top: 20px!important;
    }}

    and adjust the value i posted here – https://kriesi.at/support/topic/social-media-footer-overlapping-on-ipad/#post-252200

    Regards,
    Yigit

    #252267
    This reply has been marked as private.
    #252410
    This reply has been marked as private.
    #252661

    Hey!

    @media only screen and (max-width: 767px) {
    span.jsin {
    float: left;
    margin-left: 23%; }
    }

    This should do it. You can control the size of your company name with span.jsin class and .copyright class for copyright text

    Regards,
    Yigit

Viewing 30 posts - 1 through 30 (of 47 total)
  • The topic ‘Social Media Footer – Overlapping on Ipad’ is closed to new replies.