Search Results for 'mobile'

1. the menu bar does not span across the screen on theme predefined fashion style. is there a css for the toolbar to match the theme width menu bar?

2. the css for mobile only works on landscape 🙂 but not portrait. can you advise again?

thanks.

Hi I have just done this for my site. I have a dark blue main menu in desktop/ipad and a white menu background for my phones.
The problem is that I use white icons for my desktop so when it goes to the phone the menu and search icons, cannot be seen.

What CSS do I need to change these icons to black for mobile phone devices?

Hi Radu,

I’m asking questions because I found out the bugs in your theme and hopefully you can make this theme better in future updates/versions, and fix the theme problem, and get my problem solved as well.

Every question that I asked previously, is because they are bugs found, and they do not have problem documentations on the CSS part on each of the module/widget. If you can have complete documentations, that we won’t ask you in this forum. Instead of blaming your customer for asking question, why not improve on your documentations or create video tutorials?

To answer your question, this is the last question that I found, and hope that you can fix this. We, as customer, purchased the theme because we hope that we can get good support from you. Everything on the internet nowadays can be found on many file sharing website, but instead of searching this theme, I purchased this theme, not because that I cannot find, but because of the feedback of your customers on your support.

I hope you can keep your reputation high, as the Avada developer does. I purchased that theme as well. Their supports were awesome. To be honest, your supports were excellent and truly fantastic as well, until I received your message. I’m kind of disappointed, but I hope you can keep on your good supports.

I don’t know how many of you working in your company, and how many of you supporting your customers. My suggestion is, if you don’t have manpower to do so, please add some manpower in your customer service team to share your workload. Thanks.

Thank you, that sorts out our problem for the time being!

An additional question:
On smaller screens (mobile) all the menus are by default open when you click on them, so every sub-item shows on the left hand side.

Is there any way to collapse the main menu items, so that the sub-menus / sub-categories drop down when you click on them? (http://i.imgur.com/7kdpJ1R.jpg)

PS! I don’t mean the menu itself. That works properly, and appears and disappears when clicking the top left icon. I’m referring to the sub-items, to make the menu shorter.

hi,
hey you are always asking and we have given to you solutions, when you gonna stop? the theme has the options that he has.

for more custom work please hire a programmer.

Thanks for you message.
Radu A.

hi,
sorry for misunderstanding, what I have written was not wrong but was not a copy and paste solution.

1) download this package : https://github.com/serbanghita/Mobile-Detect

2) copy the file : http://screencast.com/t/VpXwx0Oh7 here : http://screencast.com/t/ZWuXFw3g0

3) add this code in the function.php file

$detect = new Mobile_Detect;
$deviceType = ($detect->isMobile() ? ($detect->isTablet() ? 'tablet' : 'phone') : 'computer');

like here : http://screencast.com/t/8KSWWhcmhNT

4) modify the code in the category.php file

<?php if($deviceType == 'computer') {?>
            <div class="span4 column_container">
                <?php get_sidebar(); ?>
            </div>
        <?php }?>

and

 <?php if($deviceType == 'phone') {?>
                <div class="span4 column_container">
                    <?php get_sidebar(); ?>
                </div>
            <?php }?>

like here: http://screencast.com/t/bGwnf90qhi

Thanks for you message.
Radu A.

hi,
i see that the menu is not working on your site.

please disable all the plugins and try again, there may be conflicts.

Thanks for you message.
Radu A.

hi,

the code of the menu comes from wordpress :
http://screencast.com/t/hUF8Ods9F
http://screencast.com/t/1fJQn6gal

we are using this code to wok wit it: http://screencast.com/t/u4f11KUxy and this class http://screencast.com/t/u4f11KUxy

modify the javascript function to hide and show the subcategories.
if you are not a programmer please hire one for this task.

Thanks for you message.
Radu A.

Hi,
How to change it to smaller font size on mobile?
Thanks

Thanks for the fix Marius but the only problem that left is in Mobile View all the icons from the sprite are incompatible

Hi Marius,
But all problems begun when i change sidebar Theme panel to be on left , I need sidebar to be in left position and the post is on top or first to show at mobile view > so please is there any help ?

Hi mrmobile,

did you follow this guide?

https://forum.tagdiv.com/newspaper-v-3-7/

You need to install VC as a stand alone plugin now.

regards
Norman

hi,
to decrees the size of the menu on desktop use this css:

.td-menu-header ul.sf-menu li a {
  font-size: 13px;
  padding-left: 4px;
}

here: http://screencast.com/t/zpzAGXgV6n

———————
to make the home icon disappear on iPad :

#td-top-menu ul.sf-menu li:first-child{
  display:none ;
}

here: http://screencast.com/t/zbNt4cLcQW

—————-
the mobile menu is showed under 768px : http://screencast.com/t/KSnkUv8WN

Thanks for you message.
Radu A.

• This reply was modified 12 years by Radu A.

hi,
well, you can write less chars,

also you can use this css to increase the box size on mobiles :

div.td-sbig-title-wrap a.noSwipe {
 display: block;
 height: 40px !important;
}

here: http://screencast.com/t/1jg2XqVlW9z

Thanks for you message.
Radu A.

Hi again

The site is live and I’m wondering how I get the mobile version to show the mobile menu button on the left, and my image as a mobile menu item.

If you visit the site, I want the image you see in the menu when scrolling at the same place when you’re scrolling on mobile.

I’m displaying the logo in the menu with the following css, and it’s working great on everything except mobile:

/* —————————————————————————-
Custom CSS
*/
.menu-item-40484 {
display: none;
}
.affix .menu-item-40484 {
display: block;
}
.menu-item-40484 {
position: absolute; left: 260px;}
}
/* responsive portrait tablet */

@media (min-width: 768px) and (max-width: 1018px) {
.menu-item-40484 {position: absolute;left: 35px;}
}
/* responsive landscape tablet */

@media (min-width: 1019px) and (max-width: 1199px) {
.menu-item-40484 {position: absolute;left: 52px;}
}

@media (min-width: 1019px) and (max-width: 1199px) {
.td-menu-wrap #td-top-menu {
padding-left: 70px;
}

I’ve tried adding something like the css below, but it doesn’t work:

/* responsive phone */

@media (max-width: 767px) {
.menu-item-40484 {position: absolute;left: 5px;}
}

My site: http://www.amerikanskpolitikk.no

I would appreciate the CSS to make the menu smaller too!

Maybe an update in the future could include a design where the ipad version automatically goes to mobile or the design of the menu looks good when forced onto two lines? Many thanks.