Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 10, 2016 at 6:46 pm #610808
    April 10, 2016 at 7:35 pm #610810
    Basilis

    Hi andrea!

    if u do remove the custom CSS, does it work?

    Cheers!
    Basilis

    April 11, 2016 at 1:40 pm #611238
    ac

    Yes it does, but without the custom css the logo appears without any padding on the desktop version which doesn’t look great as it sits right on top of the navigation. I’ve adjusted the custom header height and made the very top bar white which helps a bit. Would it be a good solution to add some white space on the logo jpg above and below, it seems that any use of padding makes the logo smaller or disappear on mobile version.

    thanks

    April 11, 2016 at 1:50 pm #611250
    Yigit

    Hey!

    Please change following code 

    strong.logo img{
padding: 50px 0px;
}

    to following one 

    @media only screen and (min-width: 990px) {
strong.logo img{
padding: 50px 0px;
}}

    Regards,
    Yigit

    April 11, 2016 at 2:26 pm #611310
    ac

    thank you, that is working nicely for desktop, but i could do with some padding on the mobile version as the logo sits right on top of the content with no gap. can you suggest some code for mobile?

    Also, is it a problem having lots of custom css as mine is getting quite long – is there any issue with it slowing down the site or is it nothing to worry about. and is there a way of labelling each line/snippet of code so I can remember in the future what it does?

    thanks so much for your help today.

    April 11, 2016 at 2:33 pm #611323
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 989px) {
strong.logo img{
padding: 10px 0px;
}}

    Your site does not have that much custom CSS compared to other sites and you should not worry about it slowing down your site :)

    You are welcome. Helping fellow Enfold users makes us happier! :)

    Cheers!
    Yigit

    April 11, 2016 at 3:31 pm #611361
    ac

    Thank you – is there a way to label each snippet? as that would be really helpful for future sites.

    April 11, 2016 at 3:49 pm #611380
    Yigit

    Hi!

    You can add comments in your custom CSS as following

    /* here is my custom code for logo padding on mobile */ 
@media only screen and (max-width: 989px) {
strong.logo img{
padding: 10px 0px;
}}

    Best regards,
    Yigit

    April 11, 2016 at 4:14 pm #611407
    ac

    thanks, much appreciated

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Logo missing on smartphone view’ is closed to new replies.