Need Help: Centering logo and footer div in responsive layout

Home Forums All Other Themes Need Help: Centering logo and footer div in responsive layout

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #23550
    mishi bhatnagar
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: October 10, 2015

    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!

    #23636
    mishi bhatnagar
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: October 10, 2015

    Waiting for your reply guys!!

    #23643
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25824
    • Total: 25824
    Member since: August 16, 2013

    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

    #23648
    mishi bhatnagar
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: October 10, 2015

    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?

    #23810
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25824
    • Total: 25824
    Member since: August 16, 2013

    Hi Mishi,

    Add this in custom css box:


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

    Regards,
    Dave

    #24078
    mishi bhatnagar
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: October 10, 2015

    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.

    #24224
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25824
    • Total: 25824
    Member since: August 16, 2013

    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

    #24288
    mishi bhatnagar
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: October 10, 2015

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

    #24381
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25824
    • Total: 25824
    Member since: August 16, 2013

    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

    #24546
    mishi bhatnagar
    Member
    • Topics: 1
    • Replies: 5
    • Total: 6
    Member since: October 10, 2015

    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.

    #24759
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25824
    • Total: 25824
    Member since: August 16, 2013

    Hi Mishi,

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

    Regards,
    Dave

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.