Tagged: , , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #840588
    #840663

    Hey Samuel,
    Try this code in the General Styling > Quick CSS field:

    .inner-container {padding-top: 50px !important; }

    to add 50px to the top. Try adjusting to suit.

    Best regards,
    Mike

    #840666

    EDIT: when entering the code on General styling it takes everything down (logo and menu items) so I don’t know if I must leave transparent space on my logo for it to be properly aligned with the menu.

    Thank you Mike,
    I want to make sure what the max. size of the logo can be because 340*156 is too small. I have been surfing on a retina macbook pro and it seems really pixelated. If I increase, for instance, the width to, let’s say, 1000px, it mixes up with the menu item.

    Some clarification on this extent would be sweet.

    Thank you for your fast answer.

    Best,

    Samuel Marin

    • This reply was modified 2 years, 2 months ago by  Samuel.
    #841508

    Hi,
    The logo and menu items are in the same container, I thought you wanted space at the top of your whole site.
    Your logo is showing at 289×210 and it’s real size is 300×218, so it shouldn’t be looking pixelated, unless your browser zoom is on, if I set mine to 130% it does look pixelated.
    Hope this helps.

    Best regards,
    Mike

    #841786

    Hi Mike,
    what is the width of the whole container? Regarding to the logo, I have tried to see the website on different computers and browsers. Everything at 100% and pixelated (even in my old macbook pro from 2011 that it’s 1440×900). That’s why I think it’s something wrong going with it. I have done many tries with Photoshop changing resolutions.
    Could you provide me some more light on this?

    Thanks a lot :)

    #842865

    Hi,

    Please double the size of the logo to compensate for retina display’s resolution then limit the size using css. Example:

    .logo {
        max-width: 375px;
        max-height: 78px;
    }

    The actual size of the logo should be twice of the property values.

    Best regards,
    Ismael

    #845497

    Hi Ismael,
    When doubling the size of the logo and adding that css to the quick css general styling box, it shows a really small picture of it, as shown below:

    Why is that?

    • This reply was modified 2 years, 2 months ago by  Samuel.
    #845687

    Hi,

    Please remove the white spaces around the logo image.

    // http://sammarinmusic.com/wp-content/uploads/2017/08/640×436-logo.png

    Best regards,
    Ismael

    #846030

    Hi Ismael,
    when taking out all the white spaces the issue is that the logo appears completely on top of the page.
    If I apply the css code: .inner-container {padding-top: 50px !important; }, logo goes a little bit down BUT menu items do so. I want them to stay and the logo going down a little more. Is there anyway of doing this?

    Thank you! :)

    #846751

    Hi,

    when taking out all the white spaces the issue is that the logo appears completely on top of the page.

    Use css code to adjust its position.

    .logo { top: 50px; }
    

    Best regards,
    Ismael

    #846799

    Thank you! It is pretty much solved ;)

    #847079

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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

You must be logged in to reply to this topic.