Joomla Templates Club 406,261 posts

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1029823

Hello,

I’m looking at trying to setup my ‘t3-mast-top’ & ‘t3-navbar’ etc in a smaller grid layout….I have the documentation on how to do this, but what I need to know is:

Can I make this change to an individual ‘local layout’ I have created? As I need to show a client a few different designs & layout options

This is the document I have & file below is what I think I need to make this change //templates/ja_template/less/variables.less

But I’m guessing this change will effect all the styles in my template??

Thanks in advance!

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

#1029956

Hi
can u provide me a screenshot how you want to display the t3-mast-top block in the mobile layout?
So i can assist you better on this topic.

Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1030046

Hi – I’m actually looking at creating the smaller grid size on a Large Screen not on the ”mobile” layout.

Here is a screenshot of the layout area in Joomla backend to show what I’m trying to do – see pic

This site is an example of what I’m trying to replicate – http://www.radley.co.uk In a large fullscreen view this site has space down the left and right BUT when on a smaller size screen it snaps to full width this is what I need to do

I also need to know if it is possible to do: on a ‘single large local layout’ I have created…as per pic above.

Or will it effect the whole site if I make changes to variables.less

Thanks again.

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

#1030155

Hi
If you want to add addition CSS class on this position you to apply it in the /tpls/blocks/t3mastop.php file
Also, click on the Small view http://prntscr.com/f33552 on the layout to see the small layout.
There is only single position that uses full width in every view

[Author]

Posts