Joomla Templates Club 406,261 posts

[PawerDesign Friend PawerDesignJoin date: May 2016Posts: 68Downloads:268Uploads:18 Thanks: 8]

#1041870

Hi All 🙂

I would like to have my logo – image centered of my page, also in responsive

I have tried several things, and can move the logo to center. but the logo is not centered in responsive.

So how can i do that ?

My url : paw.westmark.management

I have attached a screenshot of the position of my logo now

---

Attachments:

1. 

Best Regards

PawWest

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1041922

Hi
open /template folder /tpls/blocks/header.php
Fiind

col-xs-6 col-lg-2 logo

Replace it with

col-xs-6 col-lg-12 logo

Now add this code in custom.css

 .logo {   text-align: center;
}

Regards

[PawerDesign Friend PawerDesignJoin date: May 2016Posts: 68Downloads:268Uploads:18 Thanks: 8]

#1042054

@pankaj

Thank you 🙂

But it seems to go left a bit when i make screen smaller.

i have a attached 2 screenshots, 1 of medium screen and 1 of small screen.

How can i center Logo on these screens ?

---

Attachments:

1. 
2. 

Best Regards

PawWest

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1042165

Hi
By default logo is not on centre, Its defined in this way
logo Main menu and right side module positions
Open header.php again and find the same logo code
change col-xs-6 with col-xs-12

Regards

[PawerDesign Friend PawerDesignJoin date: May 2016Posts: 68Downloads:268Uploads:18 Thanks: 8]

#1042277

Hi

Thank you 🙂

to understand what you did.

is 6 and 12, positions ?

and how can i see positions myself ?

So maybe next time i can help myself 🙂

Best Regards

PawWest

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1042295

Hi
You can use firebug or inspect element from the browser to check the style classes.
http://prntscr.com/fkewk9

Regards

[PawerDesign Friend PawerDesignJoin date: May 2016Posts: 68Downloads:268Uploads:18 Thanks: 8]

#1042328

Thank you 🙂

I use inspect element.

I just didn’t see that you can see the style classes, but now i do, thank you 🙂

Best Regards

PawWest

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1042567

You are welcome!

[Author]

Posts