Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 2, 2014 at 7:16 am #328690
    djshortkut

    I love the new update but it caused a couple of small issues with my website that I need some help fixing:

    1. Social icons are in gray but show up in white when the website is viewed on a mobile device. How do I make them remain gray on every screen size?
    2. Logo used to center on mobile devices (iPhone) but does not anymore. I want it to center in portrait and landscape mode on screen sizes up to the size of the new iPhone 6+
    3. There is now a thin gray line above my logo. How do I remove?
    4. How can I add a little more padding on the bottom of the header above the slideshow?

    Thank you in advance!

    October 3, 2014 at 4:57 am #329437
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #header_meta {
    border: 0;
}

.responsive #top #header_meta .social_bookmarks li{
    color: gray;
}
@media only screen and (max-width: 767px) {
    #header_main{
        padding-bottom: 20px;
    }
    .responsive .logo{
        float: none !important;
        width: 165px;
        margin: 0 auto;
    }
}

    Cheers! 
    Josue

    October 3, 2014 at 5:32 am #329441
    djshortkut
    This reply has been marked as private.
    October 3, 2014 at 5:34 am #329443
    Josue

    Hey!

    Your logo has white space at the left, you can use this code if you don’t want to remove that:

    @media only screen and (max-width: 767px) {
    .logo img {
        left: -20px;
        position: relative;
    }
}

    Regards,
    Josue

    October 3, 2014 at 5:41 am #329445
    djshortkut

    That fixed it! Thanks again for the awesome support!

    October 3, 2014 at 6:05 am #329452
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Issues after update to version 3.0’ is closed to new replies.