Logo - mobile version - Forum | JoomShaper
Solved SP Page Builder

Logo - mobile version

Asked by Ramat 5 years ago Last activity 5 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? :)

Accepted answer

Marked as the solution
Rashida Rahman Staff

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

13 more replies

Rashida Rahman Staff

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

Ariba Staff

Hello

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

Ramat Asked this

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

Rashida Rahman Staff

Hi Ramat,

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

Please check now and let me know.

Best Regards

Ramat Asked this

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

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

Thx a lot!!!!

Ariba Staff
5 years ago · edited

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;
}
Rashida Rahman Staff

You are always welcome Ramat :)

Ariba has done the rest for you...

Ramat Asked this

Sorry,

All it's ok :)

Rashida Rahman Staff

No issues:)

Stay with us...

Ramat Asked this

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 :)

Log in to reply.