Support » Theme: ColorWay » Colorway Lite – Center Logo – off center on phone/tablet

Viewing 15 replies - 1 through 15 (of 16 total)
  • wp-21

    (@wp-21)

    could you post the link for the site.

    robhob

    (@robhob)

    Sorry, my bad. Here goes:
    http://www.oohlaladecor.co.za

    wp-21

    (@wp-21)

    You need to remove that margin and to make it responsive add

    .logo img {
        max-width: 100%;
    }
    robhob

    (@robhob)

    Okay, I’ve updated the CSS as you suggested. What do you mean by remove the margin?

    wp-21

    (@wp-21)

    i meant that for the tablet and mobile the screen width is so small there is no need for the margin-left.

    robhob

    (@robhob)

    Okay, I see what you mean. My logo now though has returned to the left side on my desktop. It’s centred on the phone but also left of the table.

    wp-21

    (@wp-21)

    it is recommended to use a child theme to do any edits.the above css changes should be done in the child theme stylesheet file

    robhob

    (@robhob)

    I have created a child theme and am using the Edit CSS plugin provided by Jetpack.

    wp-21

    (@wp-21)

    great…That is ideal..

    wp-21

    (@wp-21)

    Pls close the topic if reolved….
    cheers..:)..

    robhob

    (@robhob)

    Hi wp-21

    Unfortunately I still haven’t managed to figure out how to center the logo.

    Thanks for all your efforts.

    wp-21

    (@wp-21)

    You mean to say you want it centered on your desktop site also.

    wp-21

    (@wp-21)

    As your theme is responsive, you need to provide margin-left for the larger widths and remove it for the smaller widths as it might have been done in your style.css currently via media-queries.

    robhob

    (@robhob)

    Okay, I’ll give it a bash later. I’m going to leave this topic open and publish the changes – if I figure it out.

    wp-21

    (@wp-21)

    Ok.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Colorway Lite – Center Logo – off center on phone/tablet’ is closed to new replies.