Jump to content

.London Domains - £4

Mobile Website Version Issue

Mobile Website Help

  • Please log in to reply
12 replies to this topic

#1 Guest_David.Andrew.Reilly_*

Guest_David.Andrew.Reilly_*
  • Guests
  • 0 posts

Posted 30 May 2014 - 13:50

Hello, I am having a problem with the mobile version of a website. I have uploaded two screenshots to show you. One is a YouTube video width being too long. The other being at the very top, I want all the menus on one line. I would be grateful for any help.  

 

www[]dianneinglis[]com

 

Thanks, 

Attached Files



#2 CraigP

CraigP
  • Supporter+
  • Mike's BFF
  • 2,321 posts

Posted 30 May 2014 - 14:02

hi, im not getting a responsive site on taht domain so whether this is the right answer or not im not sure

 

to get the right alignment on your nav 

you need this

nav ul li {
margin: 0;
padding: 0;
}

and your .35 grid class has a left margin of 2% bottom margin of 1% right margin of 0% and top margin of 1%;

 

just set that to margin: 0 i think that will fix your youtube issue


Edited by craigpettit, 30 May 2014 - 14:03.

  • 0

Push24 Creative - it's just who we are and what we do!
Get in Touch - craig@Push24Creative.co.uk

Follow Me - @craigpettit12 - @Push24Creative
+1 to those who help


#3 Jheg

Jheg
  • Overlord
  • Mandard Stember
  • 1,632 posts

Posted 30 May 2014 - 14:13

Are you using media queries to serve at mobile level?


  • 0

Learning Ruby http://jheg.github.io/

ToDo App - www.gottodo.co.uk


#4 CraigP

CraigP
  • Supporter+
  • Mike's BFF
  • 2,321 posts

Posted 30 May 2014 - 14:17

I didn't locate any media queries in his code


  • 0

Push24 Creative - it's just who we are and what we do!
Get in Touch - craig@Push24Creative.co.uk

Follow Me - @craigpettit12 - @Push24Creative
+1 to those who help


#5 Guest_David.Andrew.Reilly_*

Guest_David.Andrew.Reilly_*
  • Guests
  • 0 posts

Posted 30 May 2014 - 14:21

I will get back to you very soon. Later today with the results. Should not be too long. Thanks for the advice, coding is not my strength. 



#6 Guest_David.Andrew.Reilly_*

Guest_David.Andrew.Reilly_*
  • Guests
  • 0 posts

Posted 30 May 2014 - 14:45

Well I have not been able to make the changes, probably my fault. Is there an easy way to upload the .CSS files for people to look at?



#7 Jheg

Jheg
  • Overlord
  • Mandard Stember
  • 1,632 posts

Posted 30 May 2014 - 15:03

Copy and paste it into a code block. You can do this by clicking the little < > button in the editor tool bar up there ^ 

 

or we could look for ourselves on your live site by selecting 'view source' or inspect element of course :)


I think this is your mobile css 

 

http://www.dianneing.../5grid/core.css


  • 0

Learning Ruby http://jheg.github.io/

ToDo App - www.gottodo.co.uk


#8 Guest_David.Andrew.Reilly_*

Guest_David.Andrew.Reilly_*
  • Guests
  • 0 posts

Posted 30 May 2014 - 15:12

There is also a core-mobile .css, I have so many of these .css files. Bit of a mess. Thanks for your help so far.

 

http://www.dianneing...core-mobile.css



#9 Guest_David.Andrew.Reilly_*

Guest_David.Andrew.Reilly_*
  • Guests
  • 0 posts

Posted 30 May 2014 - 16:38

I have finally fix the nav issue now, thanks to you :)



#10 CraigP

CraigP
  • Supporter+
  • Mike's BFF
  • 2,321 posts

Posted 02 June 2014 - 07:28

I have finally fix the nav issue now, thanks to you

not on the live domain you haven't.

 

I see you have

nav ul {
margin: 0;
} 

which needs to be

nav ul {
margin: 0;
padding: 0;
display: inline-block;
} 

That will actually fix your issue ;)


  • 0

Push24 Creative - it's just who we are and what we do!
Get in Touch - craig@Push24Creative.co.uk

Follow Me - @craigpettit12 - @Push24Creative
+1 to those who help


#11 Guest_David.Andrew.Reilly_*

Guest_David.Andrew.Reilly_*
  • Guests
  • 0 posts

Posted 02 June 2014 - 13:21

You are right, I did not change that part of the issue. The navigation bar and text where still on the right. Now the text is centred. Well, you have helped me this time. 



#12 CraigP

CraigP
  • Supporter+
  • Mike's BFF
  • 2,321 posts

Posted 02 June 2014 - 13:24

There still doesn't seem to be any changes made to the code,

 

You should also look into media queries for when your screen breaks in size.


  • 0

Push24 Creative - it's just who we are and what we do!
Get in Touch - craig@Push24Creative.co.uk

Follow Me - @craigpettit12 - @Push24Creative
+1 to those who help


#13 Guest_David.Andrew.Reilly_*

Guest_David.Andrew.Reilly_*
  • Guests
  • 0 posts

Posted 02 June 2014 - 13:31

There still doesn't seem to be any changes made to the code,

 

You should also look into media queries for when your screen breaks in size.

 

I did update the style.css file and made changes to the core.css file, I believe, yesterday. I will have a look at media queries. 







Also tagged with one or more of these keywords: Mobile, Website, Help

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users