Jump to content


Photo
- - - - -

Reordering Elements and Fixing Slider Overlay on iPhone

iphone

  • Please log in to reply
3 replies to this topic

#1 jamiewalden

jamiewalden

    Super Member

  • Members
  • 109 posts
  • Country: Country Flag

Posted 08 March 2013 - 12:04 AM

Hey guys,

 

I'm having trouble with the layout on my iphone version of the site (

Please Login or Register to see this Hidden Content

). 

 

I'd like to put the navigation menu above the search bar. Currently they are the other way around. (That or hide the search bar.)

 

Also, the overlay on the slider covers the entire slider. Is there a way to rectify this somehow? Perhaps deliver slider text below the image or something. Not sure what the solution might be on this one.

 

Thanks so much for your help. 



#2 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 08 March 2013 - 03:58 AM

Hi there,

 

Unfortunately you can't change the stacking order in mobile view for the items inside the nav. You could use browser specific css so that you could hide the sidebar on mobile devices. We have a browser css plugin -

Please Login or Register to see this Hidden Content

 

Once you have that you can use the guide here to apply the css edits -

Please Login or Register to see this Hidden Content

 

How have you set your slider up? Is it using a static figure or aspect ratio? Have you used any css on the slider to set anything with a set px width/height that could be stopping it from acting responsive?

 

If you'd rather have the site display as it does on the desktop you can turn off the mobile view in the layout editor. It will still fit into the screen, but the layout won't stack the various elements



#3 jamiewalden

jamiewalden

    Super Member

  • Members
  • 109 posts
  • Country: Country Flag

Posted 08 March 2013 - 03:34 PM

Thanks for the response. Perhaps I should have been more clear. The size of the slider image is responding properly as i have it set to aspect ratio. However, the overlay is what doesn't look right. You can see in the attached screenshot. I don't have any css that's causing it as i commented out all of my slider css and the issue still persists. 

 

My slider CSS:

Please Login or Register to see this Hidden Content

photo-21.jpg

#4 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 09 March 2013 - 01:49 AM

Hi there, I see what you mean now.

 

I've just done the same setup and it's happening to me too.

Please Login or Register to see this Hidden Content

 

I'll log this as a bug and get it looked into. 







Also tagged with one or more of these keywords: iphone