Jump to content

Archived

This topic is now archived and is closed to further replies.

pazyluz

fixed navbar image too bog for mobiles, gets pushed below menu bar

Recommended Posts

pazyluz
I created an image for the fixed navbar on my desktop site. The image is too big for mobiles and gets pushed below the mobile menu bar. It not only looks ugly but takes up a lot of space.

What do I need to do to shrink this image so that it stays fixed in the nav area, fits beside the mobile menu and grows with the various size browsers for mobile devices?

This doesnt happen when I shrink my desktop browser or I would provide a screenshot.


peggygreen.net
DMS1
Details theme

Share this post


Link to post
Share on other sites
Danny

Hi Peggy,

 

I am positive I have already informed you of this via our helpdesk. The issue is your image itself, the height is fine, but the width is too wide. So you can do one of two things.

 

1. Reduce your image sizes width via a photo editing software such as Photoshop or GIMP.

 

2. Use something called a Media Query to target your image for specific widths and reduce the image size via CSS. For more information on media queries, see the links below. Please be aware that media queries are used to change the DMS beyond what was on intended and therefore, we are unable to provide assistance if you encounter difficulties.

 

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pazyluz
Thanks Danny. I dont think I've ever mentioned this specific issue but its likely I've raised other things like it. I was hoping to avoid media query and thinking there might be some other css gizmo.

Share this post


Link to post
Share on other sites
Danny

If you do not wish to use media queries, then I would suggest you reduce the width of your image in a photo editing application.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Kedark
      By Kedark+
      Hello,
      I apologize for the trivial question, but I can not deal with it. How do I turn off the display of a distinctive image on the page? (I have to add it because I use plugins that use it), but as I display the page, I do not want it to be visible (and appears above the subject.).
      Probably a cliché but I can not deal with it. Therefore, a request for help.
      Regards
      RKA
    • mtaus
      By mtaus+
      I have added a Lax section on the footer of this site: http://www.ics-law.org.php72-38.lan3-1.websitetestlink.com/ but the background image is not displaying. When I first add the image it appears in the background, but then after saving and reloading it is gone even though the thumbnail indicates it's still there. Screenshot attached.
      Any suggestions?

    • mtaus
      By mtaus+
      I'm trying to add a Careers page to a site to display job openings. The plan is to create a Post using a subcategory 'Careers' and then display those on the page. All of the post sections in PL seem to include images and there's no obvious way to remove them or include an excerpt from the post. 
      Any suggestions?
    • chamois_blanc
      By chamois_blanc+
      Hello,
      Shouldn't the image PL5 component be using the srcset/picture css directives to pick the correct size for an image? or it does already and I don't know how to use it? Thank you for any advice or enlightenment.
    • stijnxo
      By stijnxo+
      Is there a way to disable the responsive function of your iBoxes?
      I do not want all iBoxes underneath each other on mobile, is there a way to fix columns or group boxes?
      I use them for small links and want them to stay next to each other, see attachment
      Please let me know.



×