Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1406531
    itsthehype
    Participant

    I have been having problems with the menu.

    https://i.gyazo.com/d45159577a2cc5186f9114af3c5918d3.png

    For some reason , I cant get it to look right. When its on smaller screen , or mobile device its ok because its drop down only , but on a Pc screen it look likes this. Wondering if ideas or help on how to make this look cleaner or to move the search and shopping cart icon to the left of the other menu buttons.

    thanks

    #1406575
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    Could you please provide us with your website URL so we can take a closer look?

    Thanks.

    #1408068
    itsthehype
    Participant
    This reply has been marked as private.
    #1408285
    Rupok
    Member

    Hi there,

    Thanks for writing back! You can add this under Custom > CSS in the Customizer.

    .x-menu-item.x-menu-item-search, .x-menu-item.x-menu-item-woocommerce {
    	margin-right: 15px;
    	margin-top: 15px;
    	display: inline-block;
    }

    Hope this helps.

    Cheers!

    #1410921
    itsthehype
    Participant

    But this would be different for each page?

    #1410925
    itsthehype
    Participant

    Like , my issue is with the shop. So where can I find this for the shop . I want it to look the same as the home page.

    Also for some reason , my uber menu out of nowhere changed. It used to look nice with black and red colors , now its bland grey. Also , I cant figure out how to removed the bar under the menu

    #1410926
    itsthehype
    Participant

    https://i.gyazo.com/8d207105ece562cf4c9224ad0134e5c1.png

    #1410929
    itsthehype
    Participant

    So I went custom css , and somehow it now looks like this. It keeps changing!

    https://i.gyazo.com/d16a7572518fe39f02f4354969100f03.pnghttps://i.gyazo.com/d16a7572518fe39f02f4354969100f03.png

    How can I make it so its sticky tho , like the home page

    #1410936
    itsthehype
    Participant
    This reply has been marked as private.
    #1410939
    itsthehype
    Participant
    This reply has been marked as private.
    #1410941
    itsthehype
    Participant

    It seems i figured out i had to change the color for where it said

    .blog .x-navbar,
    .single .x-navbar {
    background-color: transparent;

    Can you tell me what these are for below? Because they are both showing transparant. Thanks!

    .x-navbar .x-btn-navbar.collapsed {
    color: #f25a55;
    text-shadow: none;
    background-color: transparent;
    box-shadow: none;
    }

    .x-navbar .x-btn-navbar {
    text-shadow: none;
    background-color: transparent;
    box-shadow: none;

    Still do not know why sometimes menu is showing with colors and other times not. I have tried cntrl F5 , and cahce etc

    thanks

    #1411583
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

    The given code above is for the navbar. This will not be applied to your site since you are using ubermenu. If you have added it in the customizer, you may remove it. By the way, I would recommend you to check this thread reply regarding the search and cart menu items first: https://community.theme.co/forums/topic/add-wpml-custom-flags-to-top-bar-search-icon-inline-remove-breadcrumbs/#post-1087897

    Please let us know how it goes.

    #1411838
    itsthehype
    Participant

    Thank you for the quick response.

    Do you know how to make it so there is never anything under the footer? Some pages the bottom of the page is the footer and some pages have a blank space with the backround under the footer

    #1412067
    Christopher
    Moderator

    Hi there,

    I’ve already answered you in your other similar topic, please see https://community.theme.co/forums/topic/having-issues-with-woocomerce-store-with-band-theme/

    Thanks.

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