Youjoomla Support Forums (http://www.youjoomla.com/joomla_support/index.php)
-   YouGrids (http://www.youjoomla.com/joomla_support/forumdisplay.php?f=171)
-   -   [SOLVED] Logo Not Resizing for Responsive Design (http://www.youjoomla.com/joomla_support/showthread.php?t=11340)

kory27 06-30-2013 02:17 PM

[SOLVED] Logo Not Resizing for Responsive Design
 
Hi,

The logo shows a width in the css as 100%, but when I view the site on an iPhone or mobile device, the logo does not resize to fit the responsive view. The website is Home - RaquelWhiting.com Here is the .css:

#logo a {
text-indent: -7500px;
display: block;
text-decoration: none;
width: 100%;

Everything else seems to be working correctly on the responsive, except on an iPad the "My Story" menu item doesn't show. I suspect this is due to the logo image not resizing and pushing it off.

Any idea why the logo is not resizing?

Thanks.

Kory

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 2.5

MySQL Version: 5.x

PHP version: 5.x

Link to installation: Home - RaquelWhiting.com

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Client

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 2.5

MySQL Version: 5.x

PHP version: 5.x

Link to installation: Home - RaquelWhiting.com

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Client

neo 06-30-2013 03:10 PM

logo is not an image , it is a div with background image , you could change the bg image to something smaller based on screen size

neo 06-30-2013 03:21 PM

add this in custom_responsive.css
Code:

#logo{
    width:250px!important;
    background-size:100%!important;
    background-position:center center!important;
}

right under
Code:

/* TEMPLATE SPECIFIC*/
 @media screen and (max-width: 980px) {



Screenshot by Lightshot

kory27 07-01-2013 10:21 AM

Thanks Neo!

I was starting to figure it out but you saved me some valuable time.

I voted on the thread, but am I missing something as to how to mark it "solved" so others know?

Thanks.

Kory

neo 07-01-2013 11:43 AM

you are fine , I will add this in YJSG 1.0.15


All times are GMT -4. The time now is 08:56 AM.

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.