Docs

[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)?

Also, when I view the website http://www.uwgss.ca on phone, I see a black area on top? how to get rid of that please?

[imunirul]

add_action(‘after_setup_theme’, ‘remove_admin_bar’);

function remove_admin_bar() {
if ( !current_user_can( ‘administrator’ ) && !is_admin() ) {
show_admin_bar( false );
}
}

—–
Above code didn’t work in child theme’s functions.php. Any idea why? So, I added following code for now which works:

add_filter(‘show_admin_bar’, ‘__return_false’);

——–
Continuing from last post:
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)?

And the main menu besides logo:
on small devices it shows up besides logo and when I expand it, it hides part of the logo.
On small devices, how can I have logo to be cover whole row so that main menu is viewed in next row below?

[Rupok]

Hi there,

You can try this CSS to make it right aligned on mobile :

@media only screen and (max-width: 767px) {

.ubermenu-skin-clean-white.ubermenu-responsive-toggle {
  float: right;
}

.ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto {
  width: 100%;
}

.ubermenu .ubermenu-target {
  text-align: right;
}
}

Hope this is what you are looking for.

Cheers!

[imunirul]

okay its working thank you.

One question, in Cornerstone when viewing homepage, I don’t see advanced control toggle settings. Instead I see option “i”. Screenshot attached.

How can I enable the advanced control toggle please?

Munir

[Joao]

Hi There,

Advanced Controls don´t exist anymore, all the options are now enabled.

Let us know if you have further questions,

Joao

[imunirul]

Thanks for your answer.

Referring to home page, is it possible to reduce section size when viewing on phone?

Munir

[Paul R]

Hi Munir,

When you say size, are you referring to the width?

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

@media (max-width: 767px) {
.x-section .x-container.max.width {
    width: 85%;
}
}

Change 85% to achieve your desired width.

Hope that helps

[Author]

Posts