Celestia Mobile Version Logo And Offcanva Icon - Question | JoomShaper

Celestia Mobile Version Logo And Offcanva Icon

Massimiliano

Massimiliano

Template 10 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 10 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 10 months ago #194846

Thanks for accepting the answer.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 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
10 months ago #194275

unfortunately nothing changes

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 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 10 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 10 months ago #194318

Fixed

info_2879_2025.gif

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 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
10 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 10 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 10 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
10 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 10 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 10 months ago #194436

Sure Paul, It seems ok in my end.

0
Massimiliano
Massimiliano
Accepted Answer
10 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 10 months ago #194437

Hi Massimiliano,

Glad to know that its now working :)

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

Ufff.... super.

Please mark topic as solved.

0