Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
GS Theory
#1
Uploaded to extend:
http://get-simple.info/extend/theme/gs-theory/1089/
The Original free html template is here
https://templated.co/theory

No Demo as yet. Maybe soon
Reply
#2
this is what i was doing with it:

http://www.parsonagefarm.uk/

Still ironing out faults and altering content a bit.
Reply
#3
Thumbs Up 
Firstly I would like to say, outstanding design, so simple and easy to use. I love it! 

The only detractor that I have found is that the navigation in the mobile browser (chrome) on Google pixel does not work.


Attached Files Thumbnail(s)
   
Reply
#4
(2017-08-24, 14:29:29)Craziwolf Wrote: Firstly I would like to say, outstanding design, so simple and easy to use. I love it! 

The only detractor that I have found is that the navigation in the mobile browser (chrome) on Google pixel does not work
Hi Craziwolf,
I used the theme for this site http://www.parsonagefarm.uk/ and the navigation works in chrome on a generic android phone. Could you test it with your pixel ? and the original html template https://templated.co/theory
Reply
#5
Ok TimBow, well that's odd! Both sites work fine on the phone however mine still does not, I have a theory... I placed a logo instead of text in the centre of the banner, this may have caused the issue. Can you test from your phone? Http://we-search.info I still need to make the image resize with the mobile browser, maybe this is the issue? The clear section of the PNG may be covering the menu.
Reply
#6
It is not doing what it should on android chrome.
You need <img src="../data/uploads/logo-medium-compressed.png" style="max-width: 100%">
or better the same declaration in the css file
#banner img{max-width: 100%}
Reply
#7
(2017-08-25, 19:41:36)Timbow Wrote: It is not doing what it should on android chrome.
You need <img src="../data/uploads/logo-medium-compressed.png" style="max-width: 100%">
or better the same declaration in the css file
#banner img{max-width: 100%}

The inline CSS works perfectly however when I add the #banner img{max-width: 100%} it seemingly duplicates the background image.


Attached Files Thumbnail(s)
       
Reply
#8
Bizarre! I couldn't possibly say what is happening there.
Reply
#9
I think because the banner background is an image too that it is following on from the new code, I would say we probably need to add a new id class called logo or something similar. I will have a play around and see if I can get it to work Smile
Reply
#10
(2017-08-25, 22:14:32)Timbow Wrote: Bizarre! I couldn't possibly say what is happening there.

Ok so I have figured it out! because the banner has an image by applying the max-width it for some reason is duplicating the background image and fitting it as best as it can within that container. by creating a new id in the CSS and change the HTML 

Code:
/* Banner content */

    #banner-content img{max-width: 100%}
 
Code:
<section id="banner">
        <img src="../data/uploads/logo-medium-compressed.png" id="baner-content">
</section>

it also give the opportunity to expand the usability of the banner, you could embed a YouTube video, ad more images or text even.

Again Great theme! I would lobe to see it developed more!
Reply




Users browsing this thread: 1 Guest(s)
Free HDTV Channels Residential Solar Panels