Joomla Templates Club 406,261 posts

[natal1e Friend natal1eJoin date: October 2014Posts: 22Downloads:1Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#704836

Hi. Is it possible that the off-canvas menu will be fullscreen-overlay (and not only right side) after click on the button?

And how i can change the icon of the off-canvas menu to a Search Button.

My Goal is have a Search Button like here:

http://www.joomlart.com/demo/#magz-ii

or

http://bootsnipp.com/snippets/featured/full-screen-search

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#704977

Hi,

For fullscreen off-canvas or search, you will have to customize style to achieve that. You can make a search for ‘fullscreen off-canvas menu’, there are so many samples you can choose.

With the fullscreen search in JA Magz II, you can find the configuration here and the declaration of styling in the file: templates/ja_magz_ii/css/template.css, look for classes: .search-open and .search-full and apply to Uber template.

Bringing style from one template to another need a bit more time, I recommend you to hire a developer to get it done for you.

Regards

1 user says Thank You to Ninja Lead for this useful post

1. natal1e

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#751615

Hi,

For fullscreen off-canvas or search, you will have to customize style to achieve that. You can make a search for ‘fullscreen off-canvas menu’, there are so many samples you can choose.

With the fullscreen search in JA Magz II, you can find the configuration here and the declaration of styling in the file: templates/ja_magz_ii/css/template.css, look for classes: .search-open and .search-full and apply to Uber template.

Bringing style from one template to another need a bit more time, I recommend you to hire a developer to get it done for you.

Regards

1 user says Thank You to Ninja Lead for this useful post

1. natal1e

[natal1e Friend natal1eJoin date: October 2014Posts: 22Downloads:1Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#705096

Many Thanks. I found now a fast solution:

in the lines 81-83 of off.-canvass.css

.off-canvas-right .off-canvas-right.t3-off-canvas {
display: block;
}

i add

width: 100%

🙂 now its ok

[natal1e Friend natal1eJoin date: October 2014Posts: 22Downloads:1Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#751647

Many Thanks. I found now a fast solution:

in the lines 81-83 of off.-canvass.css

.off-canvas-right .off-canvas-right.t3-off-canvas {
display: block;
}

i add

width: 100%

🙂 now its ok

[Author]

Posts