Jump to content

Hi, I recently made a website on wordpress using the Divi theme. I was just finishing it off, and am now trying to make it look nice on a mobile, but if you look at My website you will see I have a lot on the home page, and as the title and tag line are images I am finding it hard to align in nicely on mobile. and if you look at the round progress bars, I want those small and next to each other on mobile rather than large and one on top of another like it is now. but I don’t know how to do that, all help would be greatly appreciated!

Link to comment
https://linustechtips.com/topic/1229565-help-with-mobile-view/
Share on other sites

Link to post
Share on other sites

How much experience do you have with HTML and CSS?

 

Your site is responsive and looks fine on an iPhone 11 Pro Max.

 

Just like most templates/CSS frameworks, you probably have a responsive flexbox grid system made up of rows and columns and thats how your stats are automatically turned from a row of three elements into ones that are stacked on each other on mobile devices.

I am not sure why you would want to have them displayed in such way on a mobile device as you would need to make them much smaller to fit in a single row.

 

You can read up on responsive design (and other web design topics) here: https://www.w3schools.com/html/html_responsive.asp

 

Also, I think this thread would be more suitable for the Programming subforum.

 

Link to comment
https://linustechtips.com/topic/1229565-help-with-mobile-view/#findComment-13882558
Share on other sites

Link to post
Share on other sites

4 hours ago, SenioRR said:

How much experience do you have with HTML and CSS?

 

Your site is responsive and looks fine on an iPhone 11 Pro Max.

 

Just like most templates/CSS frameworks, you probably have a responsive flexbox grid system made up of rows and columns and thats how your stats are automatically turned from a row of three elements into ones that are stacked on each other on mobile devices.

I am not sure why you would want to have them displayed in such way on a mobile device as you would need to make them much smaller to fit in a single row.

 

You can read up on responsive design (and other web design topics) here: https://www.w3schools.com/html/html_responsive.asp

 

Also, I think this thread would be more suitable for the Programming subforum.

 

Okay, thanks a lot. i will look into it. have a good day!

Link to comment
https://linustechtips.com/topic/1229565-help-with-mobile-view/#findComment-13883427
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×