Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1027358
    nickohorny
    Participant

    Hi,

    I added in some text to the top menu area. I have that text and the social icons to the right side. When using the site responsively on mobile it displays odd and sits over the main logo. How can I fix this please? Thanks.

    #1027360
    nickohorny
    Participant
    This reply has been marked as private.
    #1027585
    Christopher
    Moderator

    Hi there,

    please find this code :

    body .x-topbar .p-info {
        float: right;
        margin-left: 20px;
    }
    .x-topbar {
        height: 30px;
        min-height: 0px;
        padding-bottom: 40px;
        padding-top: 0px;
        padding-right: 16px;
    }
    

    And update it to :

    @media (min-width:767px){
    
    body .x-topbar .p-info {
        float: right;
        margin-left: 20px;
    }
    .x-topbar {
        height: 30px;
        min-height: 0px;
        padding-bottom: 40px;
        padding-top: 0px;
        padding-right: 16px;
    }
    }
    .x-topbar .p-info{
    background-color:transparent;
    }

    Hope it helps.

    #1029527
    nickohorny
    Participant

    Thanks 🙂

    #1029773
    Christopher
    Moderator

    You’re welcome.

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