Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Solved: 3 Years, 2 Months, 1 Week ago Logo autosize
#1
Solved: 3 Years, 2 Months, 1 Week ago
Hi guys


Am looking for logo autosize code which means pc and mob automatic fitt logo nowa set my logo pc whens browsing with mob logo is wide
Reply
#2
Solved: 3 Years, 2 Months, 1 Week ago
You can include Bootstrap, and then set the logo image as responsive, same with the rest of the site where tables and images will be to big for a mobile phone, then you can use col and so on...All in Bootstrap
Reply
#3
Solved: 3 Years, 2 Months, 1 Week ago
how is that bootstrap
Reply
#4
Solved: 3 Years, 2 Months, 1 Week ago
Good thread.

I'm subscribing to it, I'd like to know how to do this too.

Here's what I found, but I don't know if it's ready for general use.

https://www.openhub.net/p/mybb-bootstrap
Reply
#5
Solved: 3 Years, 2 Months, 1 Week ago
You do this with CSS - don't need bootstrap just for this. When you want images to resize for mobile, be sure to set height and width settings in percentages not fixed dimensions.

(08-04-2016, 03:20 PM)nuraman00 Wrote: Good thread.

I'm subscribing to it, I'd like to know how to do this too.

Here's what I found, but I don't know if it's ready for general use.

https://www.openhub.net/p/mybb-bootstrap

That's not an active project.
What goes around comes around
Reply
#6
Solved: 3 Years, 2 Months, 1 Week ago
how can i use css
Reply
#7
Solved: 3 Years, 2 Months, 1 Week ago
im not professional but you can try using '%' instead of pixels.
Reply
#8
Solved: 3 Years, 2 Months, 1 Week ago
Hi


Am also not coder so please tell me what is %
Reply
#9
Solved: 3 Years, 2 Months, 1 Week ago
(08-05-2016, 07:57 PM)Kerala Wrote: Hi


Am also not coder so please tell me what is %

Go to your admin console-->Themes-->Default--> Edit global.css

Here, I have this section:

#logo {
	/*background: #fff;*/
	padding: 10px 0;
	border-bottom: 1px solid #263c30;
        background-size: 100% 100%;
        background: url(images/lunarYearShirt160px.jpg) center fixed;
        background-repeat: repeat;


}



(08-05-2016, 04:50 PM)tphe1234 Wrote: im not professional but you can try using '%' instead of pixels.

I've tried changing the %'s in "background-size" several times over the past 5 - 7 weeks, but it never seems to make a difference.

Only by changing the size of the actual image, do I see a different result.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)