Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 13, 2021 at 12:07 pm #1280245
    kitchkitch

    Hi Guys,

    Having an issue with the header logo.

    (Desktop) The logo has a padding/margin on the left pushing the logo inwards.
    (Mobile Portrait) Same issue on mobile portrait.
    Mobile Landscape) The logo now appears almost centred on the screen.

    I’ve trawled the forum and tried many css codes but nothing seems to make the logo properly align left.

    Can you please help me.

    Thanks in advance.

    February 13, 2021 at 3:37 pm #1280261
    kitchkitch

    …One more point on desktop when the logo shrinks on scroll is shrinks from the centre and not the left.

    Thank you.

    February 16, 2021 at 6:42 am #1280715
    Rikard

    Hi,

    I’m not sure exactly how you want to align the logo, could you try to explain that a bit further please? If you have a screenshot highlighting your intentions, then that would help too.

    Best regards,
    Rikard

    February 16, 2021 at 12:21 pm #1281307
    kitchkitch

    Hi Rikard,
    Sorry if I was unclear, let me try again.

    Mobile:
    When I turn my mobile landscape the logo which should be aligned to the left is in the centre of the header, I need the logo to stay aligned to the left.

    Desktop:
    When I scroll down the page and the header shrinks, the logo shrinks from a point in the centre of the logo, the logo should always be aligned right and shrink down keeping the right side aligned. When the logo shrinks now it leaves a right-hand margin.

    Thanks

    February 18, 2021 at 12:10 pm #1281967
    kitchkitch

    Hello,
    Any joy with the previous question? I have been using Safari this morning and noticed the main header logo on desktop is aligning centre which is not good. I would really appreciate a speedy reply.

    Thank you. :)

    February 18, 2021 at 12:40 pm #1281975
    Ismael

    Hi,

    Thank you for the update.

    We cannot reproduce the issue on our end. This is how the headers look on our end.

    buddy: https://imgur.com/tvFFGsu
    andrew: https://imgur.com/jR5rINX

    Would you mind providing a screenshot of the issue? You can use the same image hosting for the screenshot, imgur or dropbox .

    Best regards,
    Ismael

    February 18, 2021 at 2:01 pm #1281992
    kitchkitch

    Hi Ismael,
    All sorted and this is how I did it. If you’re re wanting to use an .SVG as you header logo then you have to save it in a certain way using Adobe Illustrator. Here are the settings…
    Type: SVG
    Options: Link
    Advance options: Style elements / 1 / Unicode (UTF-8) uncheck all of the check boxes below and save.
    You will now be able to use an SVG header logo with no alignment issues.

    :)

    February 19, 2021 at 3:25 pm #1282246
    Ismael

    Hi,

    That is good to know. Thank you for the above info. Please do not hesitate to open another thread should you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Aligning the header logo left’ is closed to new replies.