Jump to content


Photo
- - - - -

Browser width image size issue

Browser Width Image Size Responsiv

Best Answer Danny , 22 November 2013 - 11:31 AM

Try adding this :

 

#mediaboxu32noy.section-mediabox img {
max-height: none;
}
Go to the full post


  • Please log in to reply
9 replies to this topic

#1 viewgoo

viewgoo

    Member

  • Members

  • 18 posts
  • LocationDenver
  • Framework Version:DMS
  • Country: Country Flag

Posted 22 November 2013 - 12:01 AM

Hi, I'm having an issue with a full width image I am using for a header. I
have the image - with some coding help - at 100% width of the browser and
the image set to 960px. The effect works perfectly but when I extend the
browser width wider than the 960px width of the image, obviously it stopes
moving with the browser and stops at the 960px width I set it to in
Photoshop.

Here's the code I used for the full browser width:

#pl_areaunmaq2 .pl-content {
max-width: none;
}

Any ideas?



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 22 November 2013 - 12:03 AM

Hello Viewgoo 

 

Do you have a link to the site please? 



#3 viewgoo

viewgoo

    Member

  • Members

  • 18 posts
  • LocationDenver
  • Framework Version:DMS
  • Country: Country Flag

Posted 22 November 2013 - 12:19 AM

Well unfortunately not as it's a trial site with Flywheel. Maybe there's a way to share the site but I'll have to look into it.

 

Do You have any ideas without seeing the site?



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 22 November 2013 - 11:31 AM   Best Answer

Try adding this :

 

#mediaboxu32noy.section-mediabox img {
max-height: none;
}


#5 viewgoo

viewgoo

    Member

  • Members

  • 18 posts
  • LocationDenver
  • Framework Version:DMS
  • Country: Country Flag

Posted 22 November 2013 - 05:15 PM

Nice one, cheers!



#6 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 22 November 2013 - 08:21 PM

Thank you for letting us know that worked for you :)


  • viewgoo likes this

#7 viewgoo

viewgoo

    Member

  • Members

  • 18 posts
  • LocationDenver
  • Framework Version:DMS
  • Country: Country Flag

Posted 02 December 2013 - 03:06 AM

Having the same problem with the same image and I've been trying to figure it out all weekend. Code below.

 

#pl_areaujyxvm .pl-content { 
max-width: none; 
}
 
#mediaboxufk10k .section-mediabox img {
max-height: none;
}
 
I'm lost


#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 16313 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 02 December 2013 - 11:59 AM

If you want an image to be full width, add the Full Width Layout section and upload your image as a background. Not sure why you're using the MediaBox to begin with, as its a not a full width section.



#9 viewgoo

viewgoo

    Member

  • Members

  • 18 posts
  • LocationDenver
  • Framework Version:DMS
  • Country: Country Flag

Posted 02 December 2013 - 04:58 PM

When I try that it just gives me a slither of the image as there is nothing in the section apart from the background image. The image needs to be the full image as well and not just what part of it is visible behind any content.

 

Also Danny, please take a look at this video: 

Please Login or Register to see this Hidden Content

I might not know a lot about coding and Pagelines DMS' workings as of this reply but I do know that if you market a product towards designers as a way of building websites without coding AND as a product which is simple to use you should A) provide a more structured way of learning how to operate the product and not make people search through forums for similar but not the right answers. B) not make people feel uncomfortable about asking questions regarding their issues with trying to learn the software by giving them short, unhelpful answers to their questions. And C) If you don't like answering stupid questions from people who don't know what they are doing then don't answer questions about complex software marketed toward people who don't understand the process. If they did they wouldn't be using the software in the first place. I have been a designer for 18 years working with plenty of web developers and this is an example of the typical 'why don't you know what I know' web developer arrogance designers run into all the time.

 

I love what this software can do but let's see some more structured tutorials on the processes or don't market it as a simpler way to build websites.



#10 viewgoo

viewgoo

    Member

  • Members

  • 18 posts
  • LocationDenver
  • Framework Version:DMS
  • Country: Country Flag

Posted 03 December 2013 - 12:41 AM

Can anyone answer this? All I want is to have an image in the background of the top of my site that is full browser width and shows the full hight of the image.







Also tagged with one or more of these keywords: Browser Width, Image Size, Responsiv