Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #711861
    #712246

    Hey Michel,

    Can you please create a temporary admin login and post it here privately? Maintenance mode seems to be active :)

    Best regards,
    Yigit

    #714708

    Hey Yigit,

    sure, see details below.

    Best regards,
    Michel

    #715710

    Hi,

    We added the following css code in the Quick CSS field.

    @media only screen and (max-width: 767px) {
    .responsive #top {
        margin-top: -5px;
    }
    }

    Best regards,
    Ismael

    #717626

    Thanks, Ismael. It looks better now but it also reduces the height of the logo area, which means there is almost no margin bettween the logo and the very top of the site.

    margin-top: 5px; would be just fine, if it wouldn’t be black. Any ideas how to optimize it on mobile?

    Best regards,
    Michel

    #718640

    Hi,

    Adjust the background color of the #wrap_all container.

    #wrap_all {
        background-color: #ffffff;
    }

    Best regards,
    Ismael

    #728895

    Hi Ismael,

    unfortunatley this didn’t solve the issue but I figured out that the black background – when setting a positive margin-top – comes from the socket background. E.g. when I zoom in on my iphone and move the site left and right, the background is black as the socket.

    Do you have any ideas to change this without changing the socket color?

    Best regards,
    Michel

    #728940

    Hi,

    not sure what you mean. Are you talking about your black background of your socket? how do you want to change it’s color without changing the socket’s color? or what exactly do you want to achieve?

    With this code inside Quick CSS field you can change socket’s background color:

    #socket {
    background: transparent;
    }

    Adjust it as needed.

    Best regards,
    Andy

    #729057

    The thing is, if I put

    @media only screen and (max-width: 767px) {
    .responsive #top {
    margin-top: 5px;
    vertical-align: centered !important;
    }}

    into quick css, it looks like this on mobile screenshot and even after adding

    #wrap_all {
    background-color: #ffffff;
    }

    it’s still black. If I set a header height for mobile only and vertically center the logo, same thing happens. I just can’t get the background white or transparent. I thought that the socket background could have something to do with the background color of the whole website (e.g. on another website of mine, where to socket background is grey, the background of the whole website is grey as well).

    Long story short, I want some (white) top margin to prevent the logo from sticking all the way on top.

    Thanks for your support and best regards,
    Michel

    #729321

    Hi,

    We added the following css code in the Quick CSS field.

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .av-logo-container {
        padding-top: 10px;
    }
    
    .responsive #top #wrap_all #header {
        padding-bottom: 20px;
    }
    }

    Please remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    #733983

    Hi guys,

    now it looks as wished. Problem solved, thanks a lot!

    Cheers,
    Michel

    #734190

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Andy

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

The topic ‘Margin Top Padding above Logo’ is closed to new replies.