Return to previous page

Header Logo not aligned to center - by lohbel

This topic has 10 replies, 2 voices, and was last updated 9 years, 8 months ago ago by Jack Richardson

lohbel

Participant

November 1, 2015 at 10:30

Dear Support Team,

Thanks for the great Legenda theme which I liked it very much!

I have changed the heading logo into full width using the following css but the heading logo doesn’t seem to align to center in the desktop. In mobile, it works perfectly fine.

The CSS that I used as follows

@media(min-width:980px){

.header7 .logo{width: 1300px;
text-align: center;
margin-left: 0px;
margin-right: 0px;
}

.header7 .logo img{
max-width: 100%;
}
}
.header-wrapper .header7 {
margin-bottom: 5px;
margin-top: 5px;
}

Really appreciate your help to resolve this matter.

Thank you.
Loh Bel

#97177 Copied Theme version: 2.9.2 WooCommerce version: 2.4.8

9 Answers

lohbel

Participant

November 1, 2015 at 12:07

Hi,

I tried to changing the margin right and managed to make it look in the center.

However, I noticed that my page from width 1200 has now been reduced to 960. I have tried to change to 1600 under > General> responsive (as I have tried to search in the forum) but it still remains at 960px.

I have set my site layout as wide.

Thank you.
Loh Bel

#97178 Copied Theme version: 2.9.2

Jack Richardson

Support staff

November 2, 2015 at 09:32

Hello,

Please provide us with WP dashboard and FTP (FTP host, FTP user, FTP password) credentials in private content.

Best regards,
Jack Richardson.

#97230 Copied

lohbel

Participant

November 2, 2015 at 10:43

Hi Jack,

I have put all the information required in the private content.

Appreciate your fast response.

Thanks.

Regards,
Loh Bel

Please, contact administrator
for this information.

#97242 Copied
Jack Richardson

Support staff

November 2, 2015 at 12:46
Hello,

I’ve added the code in custom.css file:

@media (min-width: 1200px) { .header7 .container { width: 1200px; }}

and commented the line in your code:

.header-wrapper .header7 { margin-bottom: 5px; margin-top: 5px; margin-left: auto; /* margin-right: 260px; */ }

Please check header now.

Best regards,
Jack Richardson.
#97283 Copied
lohbel

Participant

November 3, 2015 at 00:37

Hi,

Thanks a lot for solving the header issue.

However, i noticed that my page width is NOT 1200px as compared to the legenda original theme preview.

How can i make my webpage to be back to 1200px? Thanks a lot!

Regards,
Loh Bel

#97424 Copied

lohbel

Participant

November 3, 2015 at 00:42

Hi,

the link below is the picture showing the difference of page width..
Appreciate you can help to resolve this.. thanks again.

http://jiaghomedecor.com/wp-content/uploads/2015/11/Untitled-1.jpg

#97428 Copied
Jack Richardson

Support staff

November 3, 2015 at 11:23
Hello,

Please add this code in custom.css file:

@media (min-width: 1200px) { .container { width: 1200px; } }

Best regards,
Jack Richardson.
#97501 Copied
lohbel

Participant

November 3, 2015 at 17:18

Hi,

Thanks a lot! Your help is much appreciated! Great Support!

Regards

#97590 Copied

Jack Richardson

Support staff

November 3, 2015 at 17:47

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#97602 Copied
Viewing 10 results - 1 through 10 (of 10 total)