Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Forum index > Public Joomla forums > Free Joomla Templates > YouGrids > [SOLVED] Logo Not Resizing for Responsive Design

[SOLVED] Logo Not Resizing for Responsive Design

06-30-2013, 01:17 PM
# 1 (permalink)
kory27
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
Reply With Quote
06-30-2013, 02:10 PM
# 2 (permalink)
neo's Avatar
neo
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
Joomla beginners guide | Fast Joomla tips and tricks | How to install Youjoomla Demos
Joomla and Wordpress Knowledgebase
Yjsg Documentation
Reply With Quote
06-30-2013, 02:21 PM
# 3 (permalink)
neo's Avatar
neo
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
Joomla beginners guide | Fast Joomla tips and tricks | How to install Youjoomla Demos
Joomla and Wordpress Knowledgebase
Yjsg Documentation
Reply With Quote
07-01-2013, 09:21 AM
# 4 (permalink)
kory27
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
Reply With Quote
Thread Tools
Display Modes
Hybrid Mode Hybrid Mode

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

Latest News

Yjsg Version 2.3.6 released Yjsg 2.3.6 for Joomla has been released. This version improves the code and fixes few bugs. S Continue reading
Introducing simple and affordable pricing model In the past few years our pricing model was separating members in to single purchase and club memb Continue reading

Members Login

Username
Password