[Resolved] Brand Theme – Chronic User Issues

[sophia]

Hi, this is the first time using a GP theme with the nav on the left. With the theme brand my mobile site rocks left to right a bit on mobile. On tablet I was also not able to get the site to display properly unless the primary nav was set to 800.
On mobile, my off canvas panel also jerks when opening and closing. I am not sure what is the correct way to fix this.

* I have never seen such issues in GP. I cannot get spaces to be acknowledged in the Page Title. Also when working with “highlight” to choose a colour the interface glitches -it is impossible to enter a colour manually.
I am typing like this, and it is displaying ” I amtypinglike this”
The site is at motorcg.com
Thank you!
sophia

[Leo]

Hi there,

With the theme brand my mobile site rocks left to right a bit on mobile.

Can you go to Additional CSS field in the customizer and replace this:

@media (max-width: 992px) {
  .site-content {
    flex-direction: column;
  }
  .site-content .content-area,
  .site-content .is-right-sidebar {
    width: 100%;
  }
}

with this:

@media (max-width: 992px) {
  .site-content {
    flex-direction: column;
  }
  .site-content .content-area,
  .site-content .is-right-sidebar {
    width: 100%;
    overflow-x: hidden;
  }
}

[sophia]

Hi Leo, that solved the rocking issue on mobile. Thank you!

When testing in tablet mode this theme is not kicking into mobile. The menu is in the left sidebar, and the content below. What is the correct way to fix that?
Thank you,
sophia

[Leo]

Hmm Brand definitely has a tricky layout for responsive display.

Can you go to Additional CSS and replace:
@media (min-width: 992px) {
with
@media (min-width: 769px) {

then replace:
@media (max-width: 992px) {
with
@media (max-width: 768px) {

[sophia]

Perfect Leo, Thank You!!

[Leo]

No problem 🙂

[Author]

Posts