How do I make pro silver non reponsive

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Scam Warning
Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

How do I make pro silver non reponsive

Post by Gary-B » Fri Apr 29, 2016 8:25 am

I am trying to set my header in Imageset.css (pic)
When I view it on a tablet the image goes out of the border to the right it looks fine on a pc. When I view it on a phone there is no image, I guess it's responsive.
Question : Can someone please help me set my forum image to render in the same place no matter what I am viewing it on, and make it non responsive.
I am using PHPBB3, new install, to add to the problem I am no expert so simpler the better.
Thanks G
site logo.JPG

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: How do I make pro silver non reponsive

Post by Arty » Fri Apr 29, 2016 8:28 am

Open overall_header.html, replace <span class="site_logo"></span> with <img src="{T_THEME_PATH}/images/site_logo.gif" />
then in css add

Code: Select all

.logo img { display: block; max-width: 100%; }
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B » Fri Apr 29, 2016 9:18 am

Are you sure this code is in the overall_forum_header file
<span class="site_logo"></span>
I cant find it, using version 3.1.9

User avatar
RMcGirr83
Recognised Extension Developer
Posts: 21034
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr
Contact:

Re: How do I make pro silver non reponsive

Post by RMcGirr83 » Fri Apr 29, 2016 9:30 am

In times of change, learners inherit the earth, while the learned find themselves beautifully equipped to deal with a world that no longer exists - Eric Hoffer
Former Modifications/Extensions Team Member | My extensions
Appreciate the extensions/mods/support then buy me a beer
All requests for support via PM will be ignored

Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B » Fri Apr 29, 2016 10:20 am

forum code.JPG
Thanks for taking the time, I can see the code but the code you said to replace : <span class="site_logo"></span
Is not there.

User avatar
RMcGirr83
Recognised Extension Developer
Posts: 21034
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr
Contact:

Re: How do I make pro silver non reponsive

Post by RMcGirr83 » Fri Apr 29, 2016 10:25 am

That's a call for Arty, he knows much more about css than I ever will.
In times of change, learners inherit the earth, while the learned find themselves beautifully equipped to deal with a world that no longer exists - Eric Hoffer
Former Modifications/Extensions Team Member | My extensions
Appreciate the extensions/mods/support then buy me a beer
All requests for support via PM will be ignored

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: How do I make pro silver non reponsive

Post by Arty » Fri Apr 29, 2016 10:29 am

Looks like messed up overall_header.html. You are missing </a> and logo in that code.

If you can't find <span class="site_logo"></span> you can look for {SITE_LOGO_IMG}
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B » Fri Apr 29, 2016 10:39 am

forum code 2.JPG
Found it...thanks and replaced it with the code, does this look OK (Pic)

Where do I add the next part : .logo img { display: block; max-width: 100%; } ...Is it still required ?

User avatar
JimA
Community Team Leader
Community Team Leader
Posts: 7620
Joined: Thu Jul 31, 2008 5:54 am
Location: The Netherlands
Name: Jim Mossing Holsteyn
Contact:

Re: How do I make pro silver non reponsive

Post by JimA » Fri Apr 29, 2016 10:42 am

Gary-B wrote:
forum code 2.JPG
Found it...thanks and replaced it with the code, does this look OK (Pic)

Where do I add the next part : .logo img { display: block; max-width: 100%; } ...Is it still required ?
Yes, that would still be necessary.

You can add it in one of the CSS files from prosilver, it doesn't matter which one.
The CSS files are located in the styles/prosilver/theme folder on your server. :)
Image Jim Mossing Holsteyn - Community Team Leader
Knowledge Base | Documentation | Board rules

If you're having any questions about the rules/customs of this website, feel free to drop me a PM.

Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B » Fri Apr 29, 2016 10:54 am

Sorry guys that did not work, the site still is responsive and the header image overlaps the border when viewed on a small screen. I place that code in the colours.css file/
Attachments
site overlap.JPG
site overlap.JPG (16.91 KiB) Viewed 1265 times
common css adapted.JPG

User avatar
Mick
Support Team Member
Support Team Member
Posts: 21321
Joined: Fri Aug 29, 2008 9:49 am
Location: Watching cricket - definitely

Re: How do I make pro silver non reponsive

Post by Mick » Fri Apr 29, 2016 12:43 pm

Purge the cache from ACP.
"The more connected we get the more alone we become" - Kyle Broflovski

Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B » Fri Apr 29, 2016 1:23 pm

Makes no difference

User avatar
Lumpy Burgertushie
Registered User
Posts: 66482
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: How do I make pro silver non reponsive

Post by Lumpy Burgertushie » Fri Apr 29, 2016 1:35 pm

why not make the image repsonsive instead of trying to make prosilver not responsive.


robert
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

If a tree falls in the forest and nobody is there, does it make a sound?

Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B » Fri Apr 29, 2016 1:37 pm

If thats possible I will give it a try, can you help

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: How do I make pro silver non reponsive

Post by Arty » Fri Apr 29, 2016 3:13 pm

Add more stuff to css:

Code: Select all

div#site-description { float: none; width: 100%; }
#logo { float: none; padding: 0; display: block; }
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Locked

Return to “[3.1.x] Styles Support & Discussion”