Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 20, 2014 at 11:25 pm #293656
    fgrippe

    I have 9 social icons and they overlap my logo on the mobile version.

    Is there any way to prevent this besides removing the logo?

    Thx in advance.

    July 21, 2014 at 9:29 am #293751
    Ismael

    Hi fgrippe!

    Thank you for using the theme.

    Please post the website URL here. We would like to check it. I’m sure we can fix it via CSS.

    Cheers!
    Ismael

    July 27, 2014 at 4:40 pm #296480
    fgrippe
    This reply has been marked as private.
    July 28, 2014 at 12:31 pm #296699
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
.responsive.html_header_top #header_main .social_bookmarks {
top: 7px;
}
.responsive .logo a, .responsive .logo img {
max-width: 95%;
height: auto !important;
margin-top: 5px!important;
}}

    Best regards,
    Yigit

    July 28, 2014 at 1:05 pm #296721
    fgrippe
    This reply has been marked as private.
    July 28, 2014 at 8:46 pm #296976
    Josue

    Hey!

    Try with this code:

    @media only screen and (max-width: 767px) {
.responsive.html_header_top #header_main .social_bookmarks {
    display:block !important;
    width: 100%;
    top: 0px;
    left: 0px;
}
div#header_meta {
    display: none;
}
div#header_main {
    padding-top: 20px;
}
}

    Cheers!
    Josue

    February 16, 2015 at 8:04 pm #397018
    fgrippe
    This reply has been marked as private.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Social icons overlap logo on iphone’ is closed to new replies.