Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1045607
    mserougi
    Participant

    Hello,

    I’m having two problems with my Integrity theme.

    1. I’m using UberMenu and to keep things responsive, I’ve set the “Responsive Breakpoint” to 1080px. That works great and my menu changes to the menu toggle button instead of becoming a second row under the header logo when the browser window is resized. However, if I keep resizing the browser window, the now menu button still goes under the header image; the menu toggle button goes under the header logo image if the browser window is resized beyond the width of the header logo image, and I’m unable to get the header logo image to be responsive, it won’t resize instead.

    2. My second problem is with the menu toggle button flyout submenu, I want its items to be right aligned since the menu toggle button is right aligned.

    Please advise. Thank you.

    #1045777
    Darshana
    Moderator

    Hi 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.

    #1045802
    mserougi
    Participant
    This reply has been marked as private.
    #1046029
    Jade
    Moderator

    Hi there,

    #1 I can’t seem to replicate the first issue you have mentioned. Whenever I try to resize my browser, the menu button for mobile remains intact on the right.

    #2 Please add this in the customizer:

    .ubermenu-responsive .ubermenu-item-level-0 {
        text-align: right;
    }

    Hope this helps.

    #1046039
    mserougi
    Participant
    This reply has been marked as private.
    #1046431
    Lely
    Moderator

    Hi There,

    I made this thread private so others won’t see your site URL.

    1.)Thank you for the clarification. Please add this CSS :

    @media (max-width: 480px){
    .x-brand img {
        width: 164px; /*Adjust this accordingly normal width 243px. */
    }
    }

    2.) Please also add this:

    .ubermenu-responsive .ubermenu-item-level-0 >a {
        float: right;
    }

    Hope this helps.

    #1047175
    mserougi
    Participant

    That did help, thank you so much.

    Love the support you guys provide to your theme, makes it so very easy to recommend your theme to others.

    #1047341
    Joao
    Moderator

    Great to hear it.

    Let us know if we can help with anything else.

    Joao

    #1047469
    mserougi
    Participant
    This reply has been marked as private.
    #1047547
    mserougi
    Participant

    Nevermind, I figured it out, thanks!

    Please feel free to delete the screencast with the URL and then to make the post public just in case someone finds something helpful here.

    #1047662
    Jade
    Moderator

    Glad to hear you got it sorted and I have removed the screencast and set this thread to public again. Cheers!

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