Responsive Settings

[jacobmark]

Is there any detailed tutorials or documentation I can use for responsive configuration or settings. I am almost done building my site but it looks and works lousy on ipad and mobile phones.

[Laura]

Hello, the theme is already responsive, can you share some screenshots of the issue?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jacobmark]

Hi,

Thanks for the replyI apologize in advance for the lack of knowledge on my part, this is my first website build.

I’m aware the theme is pre-built to be responsive but my email wasn’t just in regards to any issues specifically. I just built the site without thinking about the way it would look or function on mobile as I was thinking that because its already responsive I wouldn’t have to do any additional modifications to it but after taking a look on an Ipad and iphone I realized that It needs to be tweaked. I can tell you that my images are blurred, my text is overlapping, my nav menu is overlapping etc…

My objective is to find educational docs and info on how to properly apply settings and configurations e.g. inheriting, hiding, re-sizing text & images properly, etc… for mobile devices so that I can plan and build this part of my site correctly.

I looked through all the kleo docs, forums, visual composer etc… and was unable to find anything on how to properly use some of these options so can you or someone there recommend on where I can find this info?

Regards
Jacob

[Laura]

Hello, could you share screenshots of those issues so i can help you? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jacobmark]

http://nycbeachbums.com

My homepage above on mobile or ipad video will not play, what are my options? Can I use an image as a default for mobile instead? If so, what size and file type jpeg or png. The nav menu also has some issues e.g. on the land>snowboard menu the hunter/windham/camelback images have transparent background This is an ubermenu plugin so do I need to contact them direct for help with this specifically?

http://nycbeachbums.com/hunter-mountain-ski-snowboard-day-trip/

this page main background images are blurry, so is there a specific setting and image size and file type I should use and is there a way I can set default sizes for certain devices?

Also the text was overlapping until I adjusted the line height but it still doesn’t fit exactly and cuts off the end of the text on the left and right.

Do you need access to my admin? Just let me know

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, yes please share admin credentials so i can check it out, it could be fixed with a few adjustments to css

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jacobmark]

This reply has been set as private.

[Laura]

Hello, i see everything working fine except the video, which is not autoplaying
Check attached, add a preview image so its not black on mobile, or you could try uploading the video to youtube, i think it has an autoplay option

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

Attachments:

You must be logged in to view attached files.

[jacobmark]

Hey Laura sorry for the delay, and thanks for sending the last email but it didn’t help me much in getting my questions answered about how to properly use the responsive settings.

Take a look at my new home page design http://www.nycbeachbums.com on a regular desktop to see how its supposed to look. and Then look on mobile or tablet, or just see the screenshots I attached and what they look like! It seems like wherever I add padding

Obviously I’m doing something wrong here which is why I really need to get my hands on some information on how to properly use these settings.

Questions
1. Why are my images being cropped and displaying blurry on mobile or ipad, aren’t they supposed to resize to display correctly?
2. How can I choose which content I want to display in particular order on mobile and tablets? I tried to hide certain images etc… using the responsive settings but it broke the layout on the page?
3. How does the width, inheritance, offsets, and hide selections in the responsive settings work?

Please help

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, the homepage is not well builded, i suggest to use the frontend customizer so you can see how is going to be
There is no issue just need to fix the page layout with visual composer.
I suggest to try again with frontend editor 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jacobmark]

There is no instructions on how to properly “build” with the front end editor, can you please let me know where I can find documentation or a tutorial on this subject? And if not then please have someone else at 7thqueen look at me question.

[Laura]

Hello, when you access the page editor, you will see 2 buttons front end and backend editor ( need to have visual composer activated )
Then you will be able to add elements, edit elements etc
You could also import a demo page and edit it at Appearance > KLEO Demo import > Specific page

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts