Docs

[imunirul]

Hi:
My website is http://www.uwgss.ca

I am using Integrity-5 … Currently I have a top bar with a top menu, social icons and global search option.
Below top bar I have logo and under logo, I have primary menu.

The top bar is fine. But I want to change the orientation of Logo and primary navigation menu to be

Logo (on far left) Primary Menu (on far right)

Similar to http://www.awesomescreenshot.com/image/1661143/b3e8c7d758c23140325c37b73be24538

How can I do achieve this please?

Munir

[imunirul]

This reply has been marked as private.

[Thai]

Hi There,

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

nav#ubermenu-main-2-primary {
    float: right;
    margin-top: -120px;
}

Hope it helps 🙂

[imunirul]

thank you. Perfect!

I want to make a custom modification to header such that when i visit a sub-page, I want to display sub-page title above breadcrumb. (similar to http://www.awesomescreenshot.com/image/1661256/e4c66afed27d44fc1f3aa614fa42ff0f) … any suggestion how to do that?

Munir

[Rue Nel]

Hello Munir,

Thanks for updating in! Regretfully we cannot support any modifications to the header other than minor cosmetic changes due to the fact that X is a highly dynamic theme with many elements being constructed on the fly based on options in the Customizer. Among these, the header is one of the more complex elements of the theme and structural modifications to it will likely lead to numerous layout problems as there are a lot of things to take into consideration because of X’s responsive nature. Taking all of this into consideration, these types of updates are out of the scope of our support as their involvement is simply too great and we are a very small team. While we would love to be able to assist all of our users with every customization request, the simple reality is that we cannot cater to every inquiry. Additionally, we will not be able to support any issues that might arise from modifications made to this area on your own.

Thank you for your understanding.

[imunirul]

At uwgss.ca, I added the top-menu. But it’s not collapsing on mobile.

Secondly, the revolution slider is also not reducing size on mobile.

Can you have a look please? I provided website admin access above.

Munir

[Jade]

Hi Munir,

You can add this under Custom > CSS in the Customizer.

.ubermenu-skin-black-white-2.ubermenu-responsive-toggle {
    float: right;
    width: 85px;
    padding: 10px;
    margin-top: 35px;
}

@media (max-width: 480px) {
    .x-brand {
        width: 70%;
    }
}

Please try the suggestion here for the Revolution Slider: https://community.theme.co/forums/topic/text-on-revolution-slider-not-responsive/

Hope this helps.

[imunirul]

OK I will have a look at your suggestion on revolution slider.

Meantime I updated _topbar.php in child theme with this:
<?php ubermenu( ‘main’ , array( ‘theme_location’ => ‘TopBarMenu’ ) ); ?>

this seems to solve many of my problems but the top menu taking the whole row as you can see http://www.uwgss.ca

How can I add columns such that the top uber menu, social icons and global search appear on same line? That way this will be mobile responsive too.

wordpress access given above.

[Rue Nel]

Hello There,

Upon checking, there was some invalid quotes in your code. Would you mind providing us the ftp login credentials so we can take a closer look at your _topbar.php file and fix the issue? 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.

To do this, you can make a post with the following info:
– FTP Hostname
– FTP Username
– FTP Password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[imunirul]

This reply has been marked as private.

[imunirul]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. I have checked your _topbar.php file and there were several invalid quotes in it. Please update it and use this code instead:

<?php

// =============================================================================
// VIEWS/GLOBAL/_TOPBAR.PHP
// -----------------------------------------------------------------------------
// Includes topbar output.
// =============================================================================

?>

<?php if ( x_get_option( 'x_topbar_display' ) == '1' ) : ?>

  <div class="x-topbar">
    <div class="x-topbar-inner x-container max width">
        
        <div class="section">
            
            <div class="x-column x-sm x-1-2">
              <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
              <?php ubermenu( 'main' , array( 'theme_location' => 'TopBarMenu' ) ); ?>
              <?php endif; ?>
            </div>

            <div class="x-column x-sm x-1-2">
              
              <div class="topbar-search">
                <?php get_search_form(); ?>
              </div>
      
              <?php x_social_global(); ?>

            </div>

        </div>

    </div>
  </div>

<?php endif; ?>

Hope this helps. Please let us know if this works out for you.

[imunirul]

Thanks, it works. But why top menu taking half of row space on top?
I mean it should take only space for 3 menu items, right? Any suggestion how to fix it?

Munir

[imunirul]

I figured that out. I want to hide social icons and global search when viewed on phone? Please suggest.

[imunirul]

I used x-hide-sm and x-hide-xs to achieve it. How can I make the top menu right aligned in small devices so that the collapse shows up on top right corner (when viewed on phone for example)?

[Author]

Posts