Search Results for 'mobile'

Please see how style 1 (default) works on desktop –> http://www.screencast.com/t/Z7FpEBjyw0w
The same work perfectly fine on mobile too –> http://www.screencast.com/t/xH9Dcvcs

Now if you see style 9, it looks fine on desktop –> http://www.screencast.com/t/TOMC0E8FRX
But it doesn’t change size of logo on mobile; also, the toggled menu appears below –> http://www.screencast.com/t/8xlL33iR

Since the logo size for both styles is the same on desktop, it should look the same on mobiles too. But what’s happening is that in style 9, the logo on mobile is not small and the menu goes down, making it look odd. I would
like it to look like the way style 1 [default] looks on mobile –> http://www.screencast.com/t/xH9Dcvcs

Hi, I have deactivated all plugins except visual composer but the header style 9 still doesn’t render properly on mobile. Please check http://staging.completewellbeing.com

Hi

Use this css in theme panel > custom code > custom css to display the banner on mobile: http://screencast.com/t/bXyhzHFIS

@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
.td-header-top-menu .td-a-rec-id-custom_ad_2{
margin-bottom: 0px !important;
margin-top: 0px;
}
}

Thanks!

Hi

You can achieve that by adding this line of code in menu-mobile.php file like here: http://screencast.com/t/bTeetwkylsu

locate_template('parts/header/top-widget.php', true);

Also you need this css in theme panel > custom code > custom css: http://screencast.com/t/y0OCloZqw

.td-mobile-content .td-header-sp-top-widget{
float: left!important;
background-color: red;
}

Thanks!

ok it good now. But the Banned is not display on mobile, is only display on desktop.

how can i remove the white background on the banne here https://www.dropbox.com/s/r7eea27dpwl0rk7/Screen%20Shot%202016-04-06%20at%2010.50.57%20PM.png?dl=0 i have a transparent image the white background it still show it up .
The banned add this not show it up on Mobile and desktop .

Buna

Blocurile temeil nu au fost concepute sa fieafisate pe posturi, doar pe pagini. Incluzand un block in continutul posturilor e posibil sa intervina unele disfunctionalitati in cea ce privesta layout-ul lui.

Pentru a afisa butonul te “Scroll to top” pe mobile adauga aceast css in theme panel > custom code > custom css: http://screencast.com/t/4jK3dAKtt

@media (max-width: 767px){
.td-scroll-up-visible {
display: block;
}
}

Multumesc!

I also have a question about how the site looks on mobile.

This is how it shows up: http://www.screencast.com/t/nBXHYsuBsEiN

1. Could I effectively move the logo (with black background) to the top? Why is that grey space there? If I chance it (move it up) on mobile, would it effect the desktop version?

2. How can I change those symbols to the left and right of the logo? If you scroll to the very bottom, all the social media icons show up as random symbols as well.

Thank you.

Hi

1. Try this css: http://screencast.com/t/UQ7uHzLYE3W

.td-mobile-close a{
background-color: red;
}

2. You can change the menu items text color from theme panel > theme colors: http://screencast.com/t/tmmfIft2AnQ

Thanks!

Hi

By default the theme does not display the top menu on mobile devices. However you can use this css in theme panel > custom code > custom css to display the top menu on mobile: http://screencast.com/t/CR5mfgq8EON

@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
}

Thanks!

Also, do you know how to make the “back to top” button show on mobile devices? I’ve noticed it only shows on the desktop version.

Thank you.