Joomla Templates Club 406,261 posts

[vivaldo moscatelli Friend vivaldo moscatelliJoin date: March 2015Posts: 80Downloads:24Uploads:0 Thanks: 12]

#922042

Hi all,
in the mobile visualization the template (on http://www.lucaterriaca.it) gets on the first line the logo, then the search box, then the menu button. How can I put in this visualization the menu button on the same line of the search box (obviously if there is enough space…)?
Thanks in advance.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#922287

Hi
Main nav is defined separately then the logo and search bar , as you can see it in the Desktop view .
The same is followed in the smaller views. In Small view because logo is using max full width search and logo can not be adjusted in same row .
You can see it here :http://prntscr.com/awghn0
If you will change the logo and header search col-xs value then they can be adjusted but it will descrease the logo width like this : http://prntscr.com/awgi4c

[vivaldo moscatelli Friend vivaldo moscatelliJoin date: March 2015Posts: 80Downloads:24Uploads:0 Thanks: 12]

#922860

Hi Pankaj
thanks for your answer; I understand the difficulties… What do you think about having a copy of menu button (position) on the same line of search module hiding the original (in standard visualization) and showing it in mobile visualization (in any case when they can fit to stay on the same line)?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#922862

Hi
I am not able to get you about the copy of the Menu as Site work for one Mega menu only that already published . You need to decrease the logo width as i suggested above to make search and logo in same row . there is no other possibility i suggested as per design .

[vivaldo moscatelli Friend vivaldo moscatelliJoin date: March 2015Posts: 80Downloads:24Uploads:0 Thanks: 12]

#922868

Hi
in reality I need menu and search on the same line… couldn’t be copied the search module and put in menu area and visualized only when mobile view is active (and avoid by the standard way to display the original search in mobile view)? Just an hint on how to start doing it and I will try it…

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#923198

Hi Logical u can use same module on different part when its defined in header .
its needs customization in the header to use two different module positions one for large vies and one for small views .
It out of support scope , you may need to hire a developer . but i will help u how u can achieve this .
You can add a module position in the mainav container just like header search and then style it .
(You can also copy the search module position code and rename the position name and class)
But this position u need to hide in the large desktop because it will break main nav .
Screenshots : http://prntscr.com/axb991
it will look like this : http://prntscr.com/axba0s

Hope it helps .

[vivaldo moscatelli Friend vivaldo moscatelliJoin date: March 2015Posts: 80Downloads:24Uploads:0 Thanks: 12]

#923304

Hi Pankaj
a very special thanks for your suggestions; I understood where to insert the new element position and the style/class I have to use in the display; I was just wondering how (maybe where too?) I have to configure css stylesheet to make it be visibile only in mobile view (and not, as you stated, in standard view…).
Thanks again…
Vivaldo

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#923307

You are welcome 🙂

[Author]

Posts