Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 9, 2016 at 1:19 pm #670307
    mvpacific

    Hi,
    Mobile logo position is slightly off centered. I have provided links to screenshots in box below. The following css is being used to position the mobile logo:

    @media only screen and (max-width: 767px){
    .responsive .logo a, .responsive .logo img {
    max-height: 60px !important;
    margin-top: 9px;
    display: block;
    margin: 0 auto;
    }
    }

    @media only screen and (max-width: 767px) {
    .responsive #top .cart_dropdown {
    right: 3.5%;
    }
    }

    —-
    Logo size is 243 x 68. If logo needs to be resized to a specific dimension in order to center appropriately, please advise and we can adjust.

    Thanks!

    August 10, 2016 at 7:31 am #670661
    Rikard

    Hi mvpacific,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    August 10, 2016 at 7:46 am #670668
    mvpacific

    Hi,
    Link has been provided below.

    Thanks!

    August 12, 2016 at 6:17 pm #671988
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 100%;
}}

    Best regards,
    Yigit

    August 13, 2016 at 12:18 am #672129
    mvpacific

    Hi,
    Works. Thanks!

    August 15, 2016 at 6:30 am #672516
    Rikard

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

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