Search Results for 'mobile menu'

Hi,

I’m not sure how you want to work this feature. I believed that you want it active only for mobile screens that’s why I provided to you css from above.
This feature when is enabled Smart Snap(mobile) works like Marius said:
*on mobile when you scroll down the menu is hiding
*on desktop the menu is always sticky.
I have checked you site and it works exactly like this.

Thanks!

Hi,

The mobile menu should open there, some custom css or plugin may affect that section. Please try to disable all plugins and check if the issue is still there. Also check if the fonts are present, they may be set to white and they don’t appear because the background is also white. If nothing works please provide the url so i can take a look.

Thank you, Emil G.

Hi,

I’ve tested the Smart snap – (mobile) option and on my side everything works fine. On mobile the menu is hiding when scroll down and show on scroll up and on desktop is always sticky.

Can you activate the option to see how work on your site?
Thanks!

Hi,

Try the following css – http://screencast.com/t/oxlghQNE1E

.td-full-logo .container-fluid, .header-style-3 .td-logo img {
padding: 0px;
}
.td-header-menu-wrap {
display: none;
}
/*mobile fix*/
@media (max-width: 767px){
.header-style-3 .td-logo img {
top: 1px;
width: auto;
height: 48px;
}}

Also change the color of the icons – http://screencast.com/t/jTtsxsa9

Thank you, Emil G.

• This reply was modified 11 years by Emil G.

Hi,

Please try this custom css in Theme Panel > Custom Css it will show the top menu, but will hide the date and social icons: http://screencast.com/t/SvZy24not1j

@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
.td-header-sp-top-menu .td_data_time{
display: none !important;
}
.td-header-sp-top-widget{
display: none !important;
}
}

Unfortunately theme doesn’t have an option to add a different top menu on mobile since it already been hided by default on phone screen.

Hope this helps!

Hi,

It’s possible with modifications on code and css, unfortunately it’s not an easy task, ex. : – http://screencast.com/t/MR2Aa3Td

@media (max-width: 767px){
.mobile-logo-wrap img {
right: auto;
left: 5px;
top: 0px;
}
.td-menu-header{
position: relative;
}
#td-top-mobile-toggle {
float: right;
}
#td-top-search {
position: absolute;
top: 2px;
right: 50px;
}
.header-search-wrap .dropdown-menu {
right: -10px;
left: auto;
}
.header-search-wrap .dropdown-menu:before {
left: auto;
right: 27px;
}
}

The menu still opens from the left, if you want to make it open from the right i suggest that you hire a professional developer to make that modification for you, it’s not an easy task.

Thank you, Emil G.

• This reply was modified 11 years by Emil G.

Hi,

The theme uses two menus one for desktop and tablets and one for mobiles that’s why it has to menus and one hidden, we had do it like this to make some features available.
Search engines wont penalize you for this as those are internal link, you can find more details on this in this tread: https://forum.tagdiv.com/topic/huge-mistake/

Thanks

Hi,

Do you refer to the megamenu on mobile screens?
If you do unfortunately theme doesn’t have an option for this and the mega menu was not designed to work on mobile view.
I have checked again your site to be sure that your mobile menu works fine: http://screencast.com/t/3TBS6Aj4IO

Thanks!

Hi,

Unfortunately that happens as the module uses a small thumb and on mobiles it gets enlarged (stretched) via css.
If you don’t mind using a larger thumb image for module 10 thumbs you could try to change the thumb size for it. Edit the td_config file and change the width and height of the thumb from here: http://screencast.com/t/oaBaVnCOMDW ..then regenerate thumbnails using this guide: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please also consider that changing this thumb sizes will also affect mega menu and block 11 which also use this thumbs.

Or you can use the same size for images like there are on desktop also on mobile screen using this custom css: http://screencast.com/t/ALLD1c6teqj

@media (max-width: 767px){
.td_module_10 .td-module-thumb {
width: 180px;
}
}

Hope this helps!

• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Alin [tagDiv].

Hi,

Please use this css for menu height on mobile view in Theme Panel > Custom Css: http://screencast.com/t/CPTTypfV7yN

@media (max-width: 767px) {
.td-menu-wrap{
height: 65px;
}
}

And you can increase padding in the css that Lucian provided to you.

Hope this helps!