How do I make pro silver non reponsive

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Ideas Centre
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%; }

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: 20924
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: 20924
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}

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: 7372
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 784 times
common css adapted.JPG

User avatar
Mick
Support Team Member
Support Team Member
Posts: 20093
Joined: Fri Aug 29, 2008 9:49 am
Location: Cardiff

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

There are no ‘threads’ in phpBB, they are topics.

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: 65019
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 am available for custom work on a donation basis. Please send me a PM with your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

OK, so what's the speed of dark?

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; }

Locked

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

Who is online

Users browsing this forum: No registered users and 4 guests