Hi, I would like my logo to be smaller on mobile portrait and mobile landscape (approximately the size of the hamburger icon. I found this article on the forum;
I’d like to scale the size of the Akaya logo in the top left. (ie. Id like to have the logo have a 250px width on desktop and a 150px width on mobile)
How can I do this? It seems any changes i make to the size reflect on all breakpoints.
Here is my public share link: LINK
( how to access public share link)
This method did make the logo smaller but only to a particular point. The logo seem to also be taking it styling from the navbar. Which as a sticky navbar does have a 100% width and 90px height. I have Div Block 77, as the first post on the forum said to add a div then add styles to it, the next article I read said put it in “Brand” container.
Thank you for any assistance in this.
Here is my site Read-Only: **
( how to share your site Read-Only link)
I would suggest to make the link block ‘brand’ with fixed height and width in percentages and make put the logo image as css background with a containing ‘positioning’. That will give you always the size (in percentage) of the logo.
Hope this helps.