Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #171750

    Hi,

    I have a logo that is currently the size of 337 × 37. I’m currently using the fixed header so when you scroll down the header shrinks down in size (which is great!).

    Right now on the home page, the logo shows that it is sitting near the top of the header so there is lots of blank space below it. However, if I go to a page with lots of text and I scroll down the page, the header shrinks and the logo looks perfect.

    I’ve tried to add padding-top to the logo of 25px and it looks great when I don’t scroll. The minute I scroll the down the page, the logo shinks to a size that is not legible.

    The perfect solution for me would to have the logo sit so that it is middle aligned with the menu and when I do have to scroll the logo maintains its existing size.

    I’ve combed the forums and it seems some of the solutions required editing of JS code. I”m not a big fan of this because let’s say an update happens and I totally forget about the modification then I’m kinda screwed. Can this be done striclty with CSS only?

    Thanks and looking forward to your reply.

    sl

    • This topic was modified 9 months, 3 weeks ago by  slui. Reason: spelling mistake
    #171945

    Hello slui!

    Can you post the link to your website?

    Cheers!
    Yigit

    #171961
    This reply has been marked as private.
    #171962

    Hey!

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

    .home .content { padding-top: 30px; }

    Best regards,
    Yigit

    #171965

    Hi Yigit,

    That did not work.

    sl

    #171970

    Hello!

    Please add !important as following and after that flush your browser cache and refresh your page a few times.

    .home .content { padding-top: 30px!important; }

    This will decrease top padding on home page

    Cheers!
    Yigit

    #171986
    This reply has been marked as private.
    #172006

    Hello!

    Can you create a temporary admin login and post it here privately?

    Regards,
    Yigit

    #172007
    This reply has been marked as private.
    #172011

    Hi!

    Please review your website

    Cheers!
    Yigit

    #172016

    Hi Yigit,

    I still don’t see the change. :(

    Do you see it on your side?

    sl

    #172025

    Hi sl,

    Check your website: http://summerdesignlab.com/

    Cheers!
    Josue

    #172029

    Hi Josue,

    Thank you so much. Can you tell me if I still need this?

    .content { padding-top: 20px; }

    Thanks.

    sl

    #172032

    You can remove it if you want the space between the header and the content to be bigger (20px > 50px):

    Cheers!
    Josue

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Logo Padding Issue and Sizing’ is closed to new replies.