Navigation
Archive / Position elements in mobile header only
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 1, 2016 at 11:14 am #1112224
    kateanita
    Participant

    Hello, I was able to figure out how to setup a different logo on mobile and to hide the logo I have on desktop but now I need to position it and am having trouble with the css. Here is the website link: dev.stapkodesign.com

    And I want to position the logo and other elements as they are in the attached screenshot.

    Thanks for your help!

    Katie

    August 1, 2016 at 11:33 am #1112255
    Thai
    Moderator

    Hi Katie,

    Please add the following CSS under Customizer > Custom > Global CSS:

    @media (max-width: 480px){
    .x-brand {
        width: 100%;
        background-position: center center;
    }
}

    Hope it helps 🙂

    August 1, 2016 at 8:30 pm #1112987
    kateanita
    Participant

    Worked perfectly, thank you!!

    August 1, 2016 at 10:12 pm #1113149
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1112224 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>