How do I Push The Logo Over - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How do I Push The Logo Over

DA

Dina Abramson

Template 4 years ago

Hi, I am trying to move the logo to the right 200px.

I have tried modifying css (margin-left: 200px !important) in a few areas, modifying margins in the row and in the column with no success.

I also need to mak ure it looks ok on mobile.

Could someone assist me please.

Much appreciated.

0
6 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #42862

Here is the sample code for you:

#sp-logo>.sp-column {
    justify-content: end!important;
}
0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #42861

Hi there!

Thanks for your query.

Actually, you can make the logo column right aligned, so that it will give you some space at left.

Best Regards

0
DA
Dina Abramson
Accepted Answer
4 years ago #42866

I did that and yes it did move over, however on mobile it looks like the height is different from the rest of the row.![](https://abwddemo.com/images/logo_height_mobile.png

Thanks.

0
DA
Dina Abramson
Accepted Answer
4 years ago #42928

I fixed the height issue. thank you.

But I have the same problem on the social icons in the topbar. I don't know how to make them display on the right. None of my css works. I tried to use the code you provided but modified it for the column sp-top2 and it did not move to the end of the column. Nothing I try makes a difference.

https://abwddemo.com/images/topbar.png

Thank you for your help.

0
DA
Dina Abramson
Accepted Answer
4 years ago #42929

I should add that I am trying to have it line up above the REQUEST FOR QUOTE BUTTON in the header.

thanks

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

Hi,

You can use the following code in your custom.css file:

#sp-top2 .sp-column {
    display: flex;
    justify-content: end;
}

This will move the top2 element to the right.

Best Regards

0