Logo - Mobile Version - Question | JoomShaper

Logo - Mobile Version

R

Ramat

SP Page Builder 4 years ago

Hello, I come to you because I can not get this result by modifying the css code, but only for the mobile version.

I would like, on the mobile version, for the logo to take up the entire width of the screen at the top, being centered and for the Linkedin icon to no longer be visible.

Could you help me please? :)

0
14 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #19727

Hi Ramat,

If your issue is solved, you may close the post by accepting the most usefull answer so that it helps other users:)

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #19326

Hi there!

Are you using predefined header or custom header?

If you use custom header then you can set 12 col for mobile device of logo column.

Or, you can have a media query to get this.

Best Regards

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #19327

Hello

Thank you for the administrative access. I am checking from my end, and will share the solution in a moment.

0
R
Ramat
Accepted Answer
4 years ago #19329

It's the predifined header, i can't make modifications :(

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #19347

Hi Ramat,

I have put necessary code in the custom.css file.

Please check now and let me know.

Best Regards

0
R
Ramat
Accepted Answer
4 years ago #19359

It's perfect Rashida!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! :)

Just one last thing, I wanted to center it please. How?

Thx a lot!!!!

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #19365

Can you please check now? I have put the necessary code for centering it in the Custom CSS Section.

Also I am attaching the code below, for your kind reference.

.logo > a {
    display: flex;
    width: 100%;
}
.logo-image-phone {
    float: none;
    margin: 0px auto;
}
0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #19372

You are always welcome Ramat :)

Ariba has done the rest for you...

0
R
Ramat
Accepted Answer
4 years ago #19811

Sorry,

All it's ok :)

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #19827

No issues:)

Stay with us...

0
R
Ramat
Accepted Answer
4 years ago #19857

Sorry to ask you again Rashida and Ariba,

The mobile version concerning the display of the logo is perfect.

However I don't understand (maybe since today's update) the logo on the PC version, on the homepage, has grown huge. Can you help me please? Because in the "Basic" parameters of Helix, the size is 120px as before.

Why has the logo on the pc version only become so big ?

Thank you very much girls :)

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #19872

Hello

No problem at all.

I checked from my end, the logo that you can see now on PC has 120 px height. If you want it appear smaller, you can reduce the amount to 100 or 80 px. Please let me know if that works.

0
R
Ramat
Accepted Answer
4 years ago #19959

All it's ok :)

Thx!!

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #19961

You are most welcome.

0