How can I have my header the way it looks at 478px (SOLVED)

Quote

Post by STARS » Thu Jan 05, 2017 8:03 am

I'd like to have my header (search, cart, logo) the way it looks at 478px and 768px for all other widths.I can simply use the following method but it would ruin everything:

Code: Select all

.col-sm-3 {
    width: 100 !important;
}
.col-sm-4 {
    width: 100% !important;
}
.col-sm-5 {
    width: 100% !important;
}
I'm pretty sure there must be a way to set it for other widths using @media probably from bootstrap.min.css but there are lots of codes in there and I can't figure it out. I tried the following but I failed:

Code: Select all

@media (min-width: 476px) and (max-width: 1200px) {
.navbar {
	#cart: 100% !important;
}
}
Last edited by STARS on Fri Jan 06, 2017 6:58 am, edited 1 time in total.
STARS
New member
Posts
58
Joined
Thu Jan 08, 2015 2:10 pm
Top

Re: How can I have my header the way it looks at 478px and 7

Quote

Post by STARS » Fri Jan 06, 2017 6:56 am

Easy... all I had to do was modify the header.tpl and set the fav classes accordingly.
STARS
New member
Posts
58
Joined
Thu Jan 08, 2015 2:10 pm
Top

Re: How can I have my header the way it looks at 478px (SOLVED)

Quote

Post by xairflyer » Sat Mar 18, 2017 4:01 am

Easy :-\ have similar problem and looked in the header.tpl but cant see any fav classes so no idea what you changed ???
xairflyer
Active Member
Posts
120
Joined
Sun Jan 11, 2015 8:58 am
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: No registered users and 106 guests