Joomla Templates Club 406,261 posts

[webaheadinternet Friend webaheadinternetJoin date: July 2012Posts: 55Downloads:0Uploads:4 Thanks: 21 Thanked: 2 times in 1 posts]

#195310

Hi, I am trying to make the slideshow on the banner and the menu bar the full width of the browser window, is this possible with this template?

the link for the site is: http://webaheadinternetcms.co.uk/bussey2/

any help appreciated

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#525033

@webaheadinternet,

Do you mean to modify as in this screenshot?

If so, please open the file: /templates/ja_portfolio/css/template.css, then add this rule:

#ja-mainnav .main {
width: auto;
}
#ja-slideshow .main.clearfix {
width: auto !important;
}
.ja-slide-main-wrap {
width: 1190px !important;
}


You can change the width in red as you wish.

If that is not the case, pls send me the screenshot with explanation how you want to change, I will help you out.

---

Attachments:

1. 

1 user says Thank You to Nazario A for this useful post

1. webaheadinternet

[webaheadinternet Friend webaheadinternetJoin date: July 2012Posts: 55Downloads:0Uploads:4 Thanks: 21 Thanked: 2 times in 1 posts]

#525053

cheers, will give that a go, the customer wants the banner and nav to strech the width of the screen,

exactly how you have done, thats great cheers

[webaheadinternet Friend webaheadinternetJoin date: July 2012Posts: 55Downloads:0Uploads:4 Thanks: 21 Thanked: 2 times in 1 posts]

#525249

right, done as you said and this seems to work fine, however when I change the width of the image, it still displays in the same size box on the banner, I would like the banner image and navigation to be set at 100% so it resizes with the browser window if that is possible.

If not then advice on how I can make the width of the banner image itself wider

[webaheadinternet Friend webaheadinternetJoin date: July 2012Posts: 55Downloads:0Uploads:4 Thanks: 21 Thanked: 2 times in 1 posts]

#525255

<em>@Nazario A 414257 wrote:</em><blockquote>@webaheadinternet,

Do you mean to modify as in this screenshot?

If so, please open the file: /templates/ja_portfolio/css/template.css, then add this rule:

#ja-mainnav .main {
width: auto;
}
#ja-slideshow .main.clearfix {
width: auto !important;
}
.ja-slide-main-wrap {
width: 1190px !important;
}


You can change the width in red as you wish.

If that is not the case, pls send me the screenshot with explanation how you want to change, I will help you out.</blockquote>

the customer wants it like this, with the banner and nav to resize automatically and logo to move with browser window size, I know it doesnt look too good lol but the customer wants this

[webaheadinternet Friend webaheadinternetJoin date: July 2012Posts: 55Downloads:0Uploads:4 Thanks: 21 Thanked: 2 times in 1 posts]

#525262

Same as below

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#525379

@webaheadinternet,

Please open the /templates/ja_portfolio/css/template.css file, then add this rule:

/* CUSTOMIZATION */

#ja-header .main {
width: auto;
}
#ja-mainnav .main {
width: auto;
}
#ja-slideshow .main {
width: auto;
}
.main {
max-width: inherit;
}
#ja-slideshow .ja-slide-main-wrap {
margin: 0 5px;
width: auto !important;
}

You should see as in this snapshot:

Just one note, you need to select the image with bigger width. Once done, remember to clear JAT3 cache.

Hope this helps.

---

Attachments:

1. 

[Author]

Posts