Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 17, 2017 at 7:26 pm #840588
    August 18, 2017 at 12:11 am #840663
    Mike

    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

    August 18, 2017 at 12:16 am #840666
    Samuel

    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 7 years, 4 months ago by Samuel.
    August 20, 2017 at 12:09 am #841508
    Mike

    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

    August 20, 2017 at 11:03 pm #841786
    Samuel

    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 :)

    August 23, 2017 at 5:54 am #842865
    Ismael

    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

    August 29, 2017 at 11:11 pm #845497
    Samuel

    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 7 years, 3 months ago by Samuel.
    August 30, 2017 at 8:42 am #845687
    Ismael

    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

    August 31, 2017 at 12:55 am #846030
    Samuel

    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! :)

    September 1, 2017 at 9:59 am #846751
    Ismael

    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

    September 1, 2017 at 11:03 am #846799
    Samuel

    Thank you! It is pretty much solved ;)

    September 2, 2017 at 6:41 am #847079
    Rikard

    Hi,

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

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.