Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 6, 2015 at 4:56 pm #407086
    beezdezines

    Hello! I have installed one of your demos and noticed that the logo is not responsive when I reduce the screen size on my computer; assume the same would happen in a mobile environment?
    And second, I would like to add some padding to the top of my transparency logo on the frontpage – couldn’t find the css in Inspect Element… sorry!
    The site is in Maintenance Mode. I have included the login info for you.
    Thank you!!

    March 6, 2015 at 5:02 pm #407092
    Yigit

    Hey beezdezines!

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

    .logo {
  margin-top: 10px;
}

    I could not reproduce responsive issue of logo. Can you post a screenshot and show the issue you are seeing?

    Regards,
    Yigit

    March 6, 2015 at 5:18 pm #407110
    beezdezines

    my goodness you’re responsive! thank you Yigit!
    here is a screen shot of the unresponsive logo:
    http://beezdezines.com/images/responsive.png

    March 6, 2015 at 5:25 pm #407118
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.avia-mozilla .responsive .logo img { max-width: 60%; }}

    Cheers!
    Yigit

    March 6, 2015 at 5:37 pm #407136
    beezdezines

    Brilliant, thank you!
    Let me know if I should start a separate thread, but I want to add Instagram to my sidebar; you have a link widget for Twitter and Facebook, but not Instagram… I will also need one for YouTube in the future.
    Thanks for your help Yigit!

    March 6, 2015 at 5:38 pm #407139
    Yigit

    Hey!

    You are welcome!
    You can add your code/shortcode to display Instagram and YouTube using Text widget in Appearance > Widgets :)

    Regards,
    Yigit

    March 6, 2015 at 5:40 pm #407141
    beezdezines

    Hey – I just noticed that the css you gave me for my transparency logo is effecting my “standard logo” when scrolling down the page
    I just wanted to adjust the padding on my transparent logo when you are at the top of the front page

    March 6, 2015 at 5:45 pm #407143
    Yigit

    Hi!

    Please change the code to following one

    span.subtext img { margin-top: 20px; }

    Regards,
    Yigit

    March 6, 2015 at 5:49 pm #407147
    beezdezines

    perfect… again! thank you : )
    any idea where I get the shortcodes for social media?

    March 6, 2015 at 5:52 pm #407152
    Yigit

    Hi!

    Please add following code to Text widget – http://pastebin.com/DFywmJHD

    Regards,
    Yigit

    March 6, 2015 at 6:09 pm #407162
    beezdezines

    I really appreciate your help with this… and I hate to take any more of your time : /
    but, all I see is the Facebook icon??
    http://www.thecynergisticlife.com/forums/forum/community-forum/

    March 6, 2015 at 6:22 pm #407172
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .widget .social_bookmarks li {
  clear: none;
}
.widget li.social_bookmarks_instagram.av-social-link-instagram {
  border-right: none!important;
}

    Best regards,
    Yigit

    March 6, 2015 at 11:17 pm #407330
    beezdezines

    Brilliant! Thank you Yigit!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Logo not responsive in reduced screen; add padding to transparency logo’ is closed to new replies.