Joomla Templates Club 406,261 posts

[jmmartinromero Friend jmmartinromeroJoin date: October 2016Posts: 4Downloads:12Uploads:2]

#985245

Hi,

I want to center my logo on the top as the attached image indicates, but only when the resolution of the screen is less than 992px.

How can I do?

Thank you.

Regards.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#985251

Hi

Add to your custom.css file this

@media (max-width: 991px) {

.logo-image a {
margin-left:70px;
}
}

Hope it helps

---

Attachments:

1. 

[jmmartinromero Friend jmmartinromeroJoin date: October 2016Posts: 4Downloads:12Uploads:2]

#985283

Hi,

But it is not responsive!

Please something better. I prefer reponsive.

Thank you.

Regards.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#985779

jmmartinromero wrote:

Please something better. I prefer reponsive.

Hi there

You can set margins for all widths using

@media (max-width: 480px) and (min-width: 320px) {
.logo-image a {
margin-left:70px;
}
}

@media (max-width:768px) {
.logo-image a {
margin-left:70px;
}
}

@media (max-width: 991px) {
.logo-image a {
margin-left:70px;
}
}

and change margins values for each resolution –

Regards

[Author]

Posts