Search Results for 'mobile menu'

how do I make the side bar more narrow for all pages? I made the home page using 4 columns which I’ll switch back to 3 columns. The home page does not use the same sidebar as the subpages do. I need to make the subpages match the home page. How do I make set the actual pixel dimensions of the sidebar?

Also, please look at the site. I am using a slider on the home page that is overlapping the menu when viewing in mobile. How do I make the slider appear behind the pullout menu?

Thank you,

JM

Hi

The only way to display the indicated link on mobile is to add it as an item in main menu. To avoid duplications on desktop you can add this css in theme panel > custom code > custom css:

@media(min-width: 768px){
.td-header-wrap .td-header-menu-wrap .sf-menu > li:last-child {
display: none! important;
}
}

This css will work only if you add the link as last item of the main menu. If you chose a different position for it the selectors will change to something like this:

@media(min-width: 768px){
.td-header-wrap .td-header-menu-wrap .sf-menu > li:nth-child(x) {
display: none! important;
}
}

where x is the position of the item in menu.

Hope this help.
Thanks!

• This reply was modified 10 years by Andrei L..

This is my Site : http://www.viralfeeds.us
Mobile menu font style changed as Gabriela http://prntscr.com/96ayn9

But Not Changed there http://prntscr.com/96ayu2

This is my Site : http://www.viralfeeds.us
Mobile menu font style changed as Gabriela http://prntscr.com/96ayn9

But Not Changed there http://prntscr.com/96ayu2

• This reply was modified 10 years by steedhar. Reason: added site URL

Hi

Also try this css, the mobile menu should be displayed fine as can be seen here: http://screencast.com/t/jp1tum8q

@media (max-width: 767px) {
.td-header-border:before {
display: none!important;
}
}
Try to clear all caches, deactivate all plugins except Visual Composer and test again.
If this is not what you mean or you still have this issue please send us an email at contact@tagdiv.com with your login credentials and we will inspect this issue as soon as possible, also include a link to this topic.

Thanks!

Thanks for your reply. For number 1, I did figure it out. Thank you. For number 2, I am going to mess with that now, thank you for the heads up.

Ok, now for number 3, it didn’t work. Let me explain what I am trying to do a bit better.

For mobile, the top header doesn’t show up, which is good, I don’t want it to. However there is a link that I want to have in the navigational bar on the mobile theme (Release Dates). In order for it to show on the mobile navi bar, I would have to add the link to the secondary navigational bar for desktop versions.

Is there a way I can add the Release Dates Menu (with drop downs) on the mobile theme without putting it on the secondary navigational bar on desktops?

Let me know if that helps, if not I can try and do some photoshops to help.

Hi, thanks, I’ll try that.

One thing I’ve just realised is that I removed categories from the mega menu, but they are still showing in the mobile menu. Could you let me know how I would also remove them from the mobile menu so both menus match?

Thanks