Hello I am setting up an big network for a multisite. I read the post about adding a top menu on mobile view and tried it and works. My problem is that it looks tacky. MY question is if you can move the search icon on mobile view on the default layout without the mobile plugin or with it as well, To move the search icon to the left a little so I can insert another menu next to it so that I can use that space for navigation to parent sites. example. site 1,2,3,4,5,6. because as of now you can only do it by making the menu on the main page but then it loos off and then if you put a topbar it doesn’t show on mobile without the plugin
Hi,
The top menu is not displayed on mobile by default, it could be made visible if absolutely required, with custom code (only when then mobile theme plugin is not active). It will be the same top menu from desktop, not a different menu.
Regarding the search icon positioning, I could give you a code to make it display for example next to the menu
– https://www.screencast.com/t/qyORyGNiR1f1
This is the code used for that, it must be entered in Theme panel->Advanced CSS in the phones section
.header-search-wrap {
left:54px;
right:auto;
}
Or you can move it to the right as you wanted (use the value you want in the code)
– https://www.screencast.com/t/6pqX6Way
.header-search-wrap {
right: 60px;
}
These codes must be entered in the location I mentioned above, so they will apply only on mobile.
Thanks
Thanks the code works. Another question to ask. Since I put the extra menu and move the search icon to the left, is there a way to change the threshold position on the X icons so it doesn’t overlap and that I can close the screens properly. Example I open the main menu and the X is conflicting with other and when opening search icon as well. Or if possible make both the main menu and search menus swipe responsive. Swipe left/right to open close. Thanks in advance and keep up the good work. Awesome theme. This is the way to the future in design. Hope there is more to come soon.
The X icon could be easily moved if needed, by default it is aligned to the right. You could align it left or centered
– https://www.screencast.com/t/fgKgA6z0m
– https://www.screencast.com/t/l7ALj0Lso9w
.td-search-close {
text-align:center;
}
I could give you solution for the menu close, that would depend where exactly you want it to be positioned
– https://www.screencast.com/t/NQGpSgNi
Maybe like this – https://www.screencast.com/t/azNPo45Hq
#td-mobile-nav .td-menu-socials {
padding: 0 20px 0 65px;
}
.td-mobile-close {
left: 1px;
}
Thanks
Braaaaaaaaaaaavo!!! Simon. That is exactly wha I needed and the options are awesome.
1 . To move the search to the left so I can insert another nav menu check
2. A way to the X to a spot that doesn’t conflict with extra menu. check
3. Got more than just one options but several Big check. and Looks great.
4. Timely response On Point!
Now another question is that is there a need for a 2nd NAV menu on the right in the industry or multisite such as this. My network is going to grow pretty large and want customers and user to be able to navigate and make it simple and helpful for all to scroll around with no conflict. Check example. Left NAV bar is categories in site 4 i.e gadgets, phones, tvs, smart home etc.. in towards the middle but off slightly is search icon. then on the far right is the extra nav menu of the whole multsite, site 1,2,3,4,5,6 so that user can navigate there quickly without the nav dropdown on left under submenus. Because it will look odd on homepage of site under the home tab with list of sites. Look good on regular mobile.
Will it be better for loading purposes to use the mobile plugin that way I would have two different menus one you pc and one for mobile with the sites listed. But I don’t like the layout of the mobile because I want it to resemble the site.
Or is that where the industry is going to be more compact.
Let me know and keep up the good work. You guys are awesome and I am sure all the your customers and developers who bought the theme can agree. Can’t go wrong with this.
Hope more updates and Mods to come soon!
For soon reason the food demo can’t move the search bar over as well as the codes you gave me. Try it on your end maybe I am skipping something. Works on others
Sorry for the delay. I had the mobile menu activated
Glad you could sort things as you wanted. A different menu on mobile is possible, with the mobile theme, by default. Other than this, it would only be possible with theme file modifications.
I could try to give you a solution to load a different menu on mobile when the mobile theme is not activated, but it should be noted that the modifications will be lost after an update. Some of the theme files cannot be modified through a child theme.
The mobile theme is meant to be used if you want to display a lighter and different version of the website for mobile devices. Each page has to be created once for desktop, and once for mobile, through the mobile editor
– https://forum.tagdiv.com/the-mobile-theme/
It has predefined templates for category pages, posts etc regardless of what it’s set for desktop. Also it does not have many settings, at the moment.
Please let me know if I missed something.
Thanks
