Search Results for 'mobile menu'

Ok thanks for the reply.

I found some strange issues on mobile:

1/ In the list shop section, the products images show on computer but not on mobile:
http://www.virtualmagie.com/boutique
or http://www.virtualmagie.com/categorie-produit/tours/

2/ In quick edit, on 3 articles, I used the featured element checkbox and clean the cache.
But on mobile on the homepage, it is still the 3 last articles published which are on top.

3/ In the menu, I don’t have the sub elements for the articles.
In the URL you give me, we clearly see that it is seems to work for you (see the image).
So I assume, it is a bug.

• This reply was modified 10 years by Thomas.

HI

Check this link, I’ve provided a solution there: https://forum.tagdiv.com/topic/where-do-i-edit-the-mobile-menus-options/
Thanks!

Hi

Please check this topic, I’ve offered a similar solution here at point 4: https://forum.tagdiv.com/topic/where-do-i-edit-the-mobile-menus-options/
Thanks!

HI

1. Try this css in theme panel > custom code > custom css to hide social icons from mobile menu: http://screencast.com/t/rd8nCpK0fM

.td-menu-socials {
display: none;
}

2. The current menu was designed to go over the entire screen and to change this are required some changes in menu’s structure. This is a complex task which involve lots of customizations and unfortunately I can’t provide a solution for the moment. If you really need this and you’re not aware of the steps you need to take in this regard my advice is to k=look for someone who can help you with implementation or hire a freelancer to do it for you as we can’t offer custom work at the moment.

3. The colors for mobile min can be changed from theme panel > theme colors: http://screencast.com/t/CmZfdVcrPB

4. You can make a add a new menu for mobile only editing theme’s code as follows:
– edit td_menu.php and add this line of code here: http://screencast.com/t/Rf59isOchm
'custom-menu' => 'Custom menu for mobiles'
– edit menu-mobile.php and add thei code here: http://screencast.com/t/ybU3TZ4yLhvu
wp_nav_menu(array(
'theme_location' => 'custom-menu',
'menu_class'=> 'td-mobile-main-menu',
'fallback_cb' => 'td_wp_no_mobile_menu',
'link_after' => '',
'walker' => new td_walker_mobile_menu()
));
– go to Appearance > Menu and create a new menu, then assign it this location: http://screencast.com/t/8FQyVVnec3i The result should be like here: http://screencast.com/t/DqZniIQXAc

Hope this helps.
Thanks!

Hi.

I added these lines to custom CSS:

.td-header-style-5 .td-header-menu {
width: 410px
}
.sub-menu {
width: 410px
}
.sub-menu-columns ul.sub-menu li {
display: inline-block;
width: 200px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
}

It works fine on the mobile, splitting the sub-menus in two columns. However in the PC nothing happens. Am I missing something?

Thank you.

Hi

The selector which holds mobile menu background is .td-menu-background:before so you can use it to change the gradient as you want. The gradient color can be generated using an online tool, here is a css example made with http://www.colorzilla.com/gradient-editor/ – http://screencast.com/t/Ik0xn1biwP

.td-menu-background:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e4f7+0,73b1e7+24,0a77d5+50,539fe1+79,87bcea+100;Blue+Pipe+%231 */
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}

Thanks!

Hello Andrei,

Thanks, but while this fixes the red line, it messes up the bottom part of the menu… where the black line is now shrunk… Screenshot with 2 circular red indications where it breaks is attached.

I would also ask you take a look at the site from your mobile phone and see there are some additional problems with the way it displays.

Please advise.

Thanks,
Peter

Hi,

I decided to deactivate the mobile theme and now the pages are working properly. If I wanted to change the Menu background and header colours, where would I find the CSS for this? Many Thanks

Hi

I’ve checked your site and the links form mobile menu works fine on my end. If you still have this issue try to deactivate all plugins except Visual Composer, clear all caches then test the site again.
Let us know if you need further assistance on this.
Thanks!

Hi

By default the theme hides top menu on mobile devices. For mobile devices you can include Contact and About us in mobile menu: http://screencast.com/t/43dx9dWQ5D

Hope this helps.
Thanks!

Hi guys, I emailed about the issues from the theme update and I’ve not really had a sufficient response, I don’t think “fix it yourself”, which in short, is what you’ve told me to do is “support”.

Yes my entire site runs SSL, (https) but that’s what Google are pushing towards as the web standard, so please look to address this to future proof the theme, your solution was to link me to this:

“please search a solution online for ssl fonts: https://wptavern.com/wordpress-tip-how-to-load-google-fonts-over-ssl-and-non-ssl”

Your theme doesn’t have any “http” reference in the functions.php as the fix suggests. This is not fixing the issues, are you suggesting I dig through your theme code to find the errors and fix them myself, again, this isn’t “support”.

The issues are:

– Social media icons are not showing
– Back to top button is not showing an arrow
– Views “eye” icon is missing and miss aligned
– Mobile theme does not allow edits or respond to edits from the theme panel!
– Hamburgr menu button is “invisible” on mobile theme
– “vid” video play button on “feature images” in “related articles” is broken and displays broken image overlay
– “<” & “>” arrows not showing in under articles or pagination.

If you’re going to offer support, why do a half effort? This is a theme bug, please fix it.
Pretty annoyed at this “support” level to be honest, especially as I now have a broken/buggy theme on a live website.

is the mobile theme / plugin fixed, I’m still not seeing the hamburger menu and no social icons (on iPhone)

I went ahead and disabled visual composer in the theme and downloaded visual composer as a normal plugin. My home page is loading for both desktop and mobile but I’m getting some unwanted text below the menu: [vc_row][vc_column]

Ray