Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 24, 2015 at 3:38 am #491988
    Jillian

    Hi guys!

    Hope you’re doing well.

    I’m trying to get the header on the mobile look stacked. So the logo on top, and the mobile menu below the logo. It now is on default, so: logo on the left and menu on the right. I need this to be stacked, and also in the center.

    Thanks in advance!

    Yours Faithfully,
    Abos

    August 24, 2015 at 4:29 pm #492338
    Elliott

    Hey Abosict!

    Add this to your custom CSS.

    #advanced_menu_toggle { position: relative !important; margin-top: 0px !important; left: 50% !important; }
.logo { width: 100% !important; }
.logo img { left: 50% !important; transform: translateX(-25%); }

    Cheers!
    Elliott

    August 24, 2015 at 4:32 pm #492340
    Jillian

    That didn’t do anything unfortunally.

    Yours Faithfully,
    Abos

    August 25, 2015 at 8:26 am #492669
    Rikard

    Hi,

    I think Elliott forgot the media query since it looks like his CSS is applying to your desktop version, please try the following instead:

    @media only screen and (max-width: 767px) {
#advanced_menu_toggle { position: relative !important; margin-top: 0px !important; left: 50% !important; }
.logo { width: 100% !important; }
.logo img { left: 50% !important; transform: translateX(-25%); }
}

    Thanks,
    Rikard

    August 25, 2015 at 10:59 pm #493246
    Jillian

    Also didn’t do anything unfortunally.

    Yours Faithfully,
    Abos

    August 26, 2015 at 10:44 am #493414
    Rikard

    Hi,

    Make sure to disable any caching plugin you might have active and clear the cache in your browser. If that shouldn’t help then send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    August 26, 2015 at 7:44 pm #493786
    Jillian

    After you’ve fixed it, please tell me what and where you did anything. I need to know this.

    Thanks in advance,

    Yours Faithfully,
    Abos

    August 31, 2015 at 5:47 pm #496020
    Elliott

    Hi!

    I moved it to the top of your custom CSS field and it’s working fine now. You must have a typo somewhere in your custom CSS.

    Regards,
    Elliott

    August 31, 2015 at 6:00 pm #496027
    Jillian

    Fully working! Thanks.

    I should check my css, indeed.

    September 1, 2015 at 7:41 am #496263
    Rikard

    Hey,

    Glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Stacked header on mobile’ is closed to new replies.