Celestia Mobile Version Logo And Offcanva Icon - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Celestia Mobile Version Logo And Offcanva Icon

Massimiliano

Massimiliano

Template 5 months ago

Good evening, in the mobile version the logo appears large leaving no space for the offcanva menu that moves below.

How can I put the logo as large as possible making the offcanva menu appear on the same line?

See image: https://gyazo.com/51183e896e26a738e77eb1529476fee6

thnx for your help

0
17 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #194523

Hi Massimiliano,

You can now close this post by accepting the answer.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 months ago #194846

Thanks for accepting the answer.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #194265

Hi

Thanks for contacting us and sorry for your issue. You can use this CSS in your custom.css file

.logo-image-phone {
    height: 55px !important;
}

-Regards.

0
Massimiliano
Massimiliano
Accepted Answer
5 months ago #194275

unfortunately nothing changes

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #194292

Hi

It seems ok in my end, please clear your Joomla and Browser cache then check again.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #194315

I noticed a small problem with [=] on bigger phone, I will correct that in next 3min

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #194318

Fixed

info_2879_2025.gif

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #194408

Hi Massimiliano,

Your issue is fixed now and thanks Paul for helping him. Massimiliano you can now close this post by accepting the answer.

0
Massimiliano
Massimiliano
Accepted Answer
5 months ago #194416

i'm sorry Paul and Mehtaz

Iphone: with safari and crhome i continue to have the same problem

Android: firefox and chrome same problem

as u see in the picture https://gyazo.com/1e435f276caf4e8715f95c505ad088fc

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #194418

what phone do you have , what screen size?


Ok, I will check again one thing... but you have to clear browser cache after (!)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #194419

Refresh browser cache (2x) and check again.

info_2881_2025.gif

on my Android phone & browser was OK, Logo and [=] Menu is on the same row.

0
Massimiliano
Massimiliano
Accepted Answer
5 months ago #194427

did it but nothing changes, i alsto installed opera borwser on my android phone and i see as before

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #194429

No changes at all ?? impossible.

What phone do you have ?


@Mehtaz - can you check on your phone please.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #194436

Sure Paul, It seems ok in my end.

0
Massimiliano
Massimiliano
Accepted Answer
5 months ago #194431

I found the solution using your code. probably Paul you have a phone with a higher resolution.. I have an iphone15

Changing your css from

sp-logo {max-width: 220px !important;}

to

sp-logo {max-width: 200px !important;}

it looks good.. thanks for your help

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #194437

Hi Massimiliano,

Glad to know that its now working :)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #194440

Ufff.... super.

Please mark topic as solved.

0