Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1165523
    Sitegemz
    Participant

    I’m trying to reposition the mobile menu from stacked position to top right. I’ve tried using the CSS on other threads but it only transitions the entire desktop menu

    #1165817
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1168831
    Sitegemz
    Participant

    entrisionproject.com

    #1169013
    Friech
    Moderator

    Hi There,

    Thanks for the URL, you can add this under Custom > CSS in the Customizer.

    @media (max-width:  979px) {
    	.x-logobar {
    		float: left;
    	    width: 70%;
    	}
    }

    Cheers!

    #1171767
    Sitegemz
    Participant

    That worked great thanks

    #1171783
    Sitegemz
    Participant

    is there anyway to add a background to the mobile menu dropdown. I’ve searched through the customizer and can’t find a way to make that happen thanks

    #1171784
    Prasant Rai
    Moderator

    You are most welcome. 🙂

    #1180822
    Sitegemz
    Participant

    This last answer worked great but I’d also like to add a background to the mobile menu so it’s easier to read. Is there anyway to do this? Thanks! site is entrisionproject.com

    #1180828
    Rupok
    Member

    Hi there,

    Let’s add this CSS as well :

    @media only screen and (max-width: 979px) {
    .x-navbar {
      background-color: #333 !important;
    }
    
    .x-logobar {
      z-index: 99999;
    }
    }

    Let’s change the color value with your preferred color code.

    Hope this helps.

    #1181771
    Sitegemz
    Participant
    This reply has been marked as private.
    #1181810
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    @media (max-width: 979px){
        .x-navbar {
            background-color: rgba(177, 177, 177, 0.49) !important;
        }
    }

    Hope it helps 🙂

    #1181866
    Sitegemz
    Participant
    This reply has been marked as private.
    #1181999
    Nabeel A
    Moderator

    Hi again,

    Please add the following code in your Customizer:

    .x-nav-wrap.mobile {
        background: rgba(0,0,0,0.6) !important;
        padding: 0 20px !important;
    }

    Let us know how this goes!

    #1182062
    Sitegemz
    Participant

    That did it! Awesome thank you!

    #1182128
    Nabeel A
    Moderator

    Glad we could help.

    Cheers!

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