Recent
Categories
View Replies (4)

Solved - Emani image-based logo not displaying desktop & mobile - SVG logo in use

  1. Issue
0
Votes
Undo
  1. Dr Drew
    Dr Drew
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 07 February 2023
  5.  Subscribe via email
Hello,
Thanks for the updated Emani template.

I still have an issue with the 'image-based logo' not displaying on desktop and mobile devices.
It does not display on any pages.

The logo image files are SVG for both desktop and mobile.
I have tried custom code and it displays the image-based logo fine, but I cannot set the position correctly.

/*.logo-image {
width: 290px;
height: 100%;
}

The text-based logo when used does appear but is out of alignment (see sample).

Can you suggest a custom code fix, please?

Kind regards
Drew
Attachments (3)
j51-desktop logo.png j51-desktop logo.png
j51-mobile logo.png j51-mobile logo.png
j51-mobile text logo - out of place.png j51-mobile text logo - out of place.png
References
  1. https://staging5.unusualrisks.com.au/index.php?option=com_content&view=article&id=101&Itemid=464
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Drew

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

Edit to taste

.logo img {

  width: 200px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Dr Drew
Dr Drew
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
thanks for the custom code.

  • It's been added and the image-based logo appears now in a fixed position and not in the top menu position on both desktop and mobile devices (see screenshots).

Thoughts?

kind regards
Drew
Attachments (2)
j51 result of custom code.png j51 result of custom code.png
j51 result of custom code - on mobile device.png j51 result of custom code - on mobile device.png
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Drew

Have you amended the position of the logo within your template settings? Have you added any custom CSS that affect your logos position?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Dr Drew
Dr Drew
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
I have set the logo style to text and it reset the x & y positions to 2 (not 200) and then reset thr4 logo style to image and the position is fixed.
Thank you for the helpful prompt.
Issue solved

Kind regards
Drew
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!