Need Help: Centering logo and footer div in responsive layout

[mishi bhatnagar]

Hi

We were conversing on email earlier.. I have recently bought your theme.. need your help to do the above.

Website: http://cakewalkbakehouse.in/

The logo and footer divs appear left aligned.. How can I center them?
Prompt support would definitely be appreciated!

[mishi bhatnagar]

Waiting for your reply guys!!

[Sonnal S Sinha]

Hi Mishi,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code:

@media screen and (max-width: 479px) {
.header .header-inner{text-align:center:}
#footer-wrapper{text-align:center;}
}

Regards,
Dave

[mishi bhatnagar]

Thanks Dave..

It worked for the footer

But the logo image is still left aligned..
probably because the code you suggested centers text..

Can you suggest an alternative to center the logo image?

[Sonnal S Sinha]

Hi Mishi,

Add this in custom css box:

@media screen and (max-width:979px) {
.header .header-inner .logo { margin:auto; display:table;}
}

Regards,
Dave

[mishi bhatnagar]

Hi Dave..

Have applied your suggested changes.
But things not looking as they should in responsive layout.

#Issue 1 – Footer for Tablet and Phone screen size (Portrait orientation)
Footer elements not properly centering
Images not centering in footer
Elements not aligning properly (in a straight line)
Elements not exactly in center

#Issue 2 – for Header logo in computer screen size
Logo image appears smaller and not placed at the left

#Issue 3-
Background color not appearing behind sidebar in Tablet and Phone screen size landscape layout

#Issue 4 – Pleasure box and product box
Boxes not equally sized in different screen sizes (Tablet and Phone Portrait and Landscape, IE in computer screen size)

#Issue 5 – Page: http://cakewalkbakehouse.in/exotic-desserts-in-bhopal/
Why do boxes appear that way in Portrait layout (Tablet and Phone screen size)? All over the place.

I will be happy to share login details with you.. Please help me set up my website properly.

[Sonnal S Sinha]

Okay, Kindly send us your URL of the site and WordPress admin details via sktthemes.net/contact

Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Dave

[mishi bhatnagar]

Have just sent you login details through your contact form.. Please revert back with solutions ASAP

[Sonnal S Sinha]

Hi Mishi,

This issue was resolved from our end. Kindly check and confirm.

Logo image size is small hence it can not be increased.

Regards,
Dave

[mishi bhatnagar]

Hi Dave

Sorry but all issues have not been resolved..

Issue 1: Footer elements alignment : still exists with iPAD portrait layout
Issue 3: Sidebar background : still exists with iPAD landscape layout

Please check and revert.

[Sonnal S Sinha]

Hi Mishi,

This issue was resolved from our end. Kindly check and confirm.

Regards,
Dave

[Author]

Posts