Docs

[tsc_site]

Hi, I’m not satisfied with my site homepage on mobiles.

1. The menu is overlaying the logo, it’s supposed to be on top of it. What can I do?

2. My content is not showing properly on mobile… I have some text content centralized in rows and on mobile it’s shown cropped.

I need to create a cool, clean and nice mobile homepage.

Please help me.

[Friech]

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.

Cheers!

[tsc_site]

This reply has been marked as private.

[Paul R]

Hi,

Your site can’t be reached.

http://screencast.com/t/sUW0ssuMZ

Kindly check and let us know.

Thanks

[tsc_site]

This reply has been marked as private.

[Jade]

Hi there,

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

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
    float: right;
    margin-top: 35px;
}

Then select the columns that contains huge padding then add a class name to those columns then add this code in the customizer (assuming the class name you added is no-padding-mobile)

@media (max-width: 767px)    {
    .no-padding-mobile {
        padding: 0 !important;
    }
}

Hope this helps.

[Rupok]

Hi there,

Thanks for writing back. You can add this under Custom > CSS in the Customizer to fix the menu :

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
  clear: both;
  margin: 15px auto;
  width: 120px;
}

You have set large number of padding for the column that’s causing the other issue. Let’s remove that padding or add it through CSS with media query.

You can also try adding this CSS but it will be applied globally :

@media only screen and (max-width: 767px) {
.x-column.x-sm {
  padding: 0 !important;
}
}

Hope this helps.

[tsc_site]

Hi!

Thank you so much!

I want to remove top nav bar from mobile devices, I want it to appear only on desktop.

Is that anyway I can do it without having to enter each page and change the section?

Thank you

[tsc_site]

This reply has been marked as private.

[tsc_site]

This reply has been marked as private.

[Lely]

Hi There,

1.) To center the logo on mobile device please add this custom CSS:

@media (max-width: 767px)    {
.x-brand {
    float: none;
    text-align: center;
}
.home div#x-section-1 {
    background-position: 73% !important; /*2.) For the guy background image*/
}
.custom-text{
   font-size: 20px; /*For O Tantra text. Adjust accordingly*/
}
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
    display: none; /*To hide the menu on mobile*/
}
}

For the O tantra text, please make sure to add custom-text on the custom headline class field.

Hope this helps.

[tsc_site]

Hi, just two more things, please

1. I want to set this text “O tantra…” up a little bit (close to the header)… How can I edit that?
ps: only on desktop

2. for MOBILE, I want to move the menu button up, closer to the logo.

Thanks

[Rupok]

Hi there,

Thanks for writing back.

#1. You have set 10% padding for the top and bottom for the section. Let’s decrease that or use a pixel value.

#2. Let’s update the code :

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
  clear: both;
  margin: 15px auto;
  width: 120px;
}

to following :

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
  clear: both;
  margin: 0 auto 15px;
  width: 120px;
}

Hope this helps.

[tsc_site]

Hi!

Thank you, it works!

Other two things (and we are done)

MOBILE
– align row titles to center (home)
– reduce font size on titles
– reduce section padding only for mobile (the title is not align in the vertical middle of image (internal pages)

THANK YOU

[Joao]

Hi There,

I would just add the following code to Appereance > Customizer > Custom > CSS

@media (max-width: 480px) {
h2, .h2 {
      font-size: 40px;
}
}

@media (max-width: 979px)  {
.x-colophon.top .x-column .widget:first-child {
    margin-top: 30px;
}
}

Let us know if you need help with anything else.

Joao

[Author]

Posts