My Site Is Not Responding on a Phone

Support
#1

Hello, I am sure there is a million issues with the way I have designed my site but have been doing it in a bit of a rush over the last couple of days.
I have designed it on my desktop computer but for some reason nothing is working on my hone properly (Navigation is not changing and the site text is not altering) I am sure its something to do with the borders and margins I have implemented to give the site a bit of depth.

site is www.danielkemish.com.

this is all still a wild west thing to me and the Pro theme is completely new to me.

thanks again for the support guys.

#2

Hi @danielkemish,

Thank you for reaching out to us.

  • For the mobile menu you can simply hide your desktop menu in mobile screens and display a Navigation Collapsed element in its place. To do this add two bars in header builder (one for Desktop screens and other for Mobile screens)

In the Desktop Bar, add Navigation Inline element and hide the bar in smaller screens using Hide During Breakpoints feature (see screenshot)

In the Mobile Bar add Navigation Collapsed element and hide the bar in large screens in a similar way:

  • For the content, you can use the responsive defaults of the new Row element to control the layout of your columns in the mobile devices. To learn more about the Row element and it’s responsive defaults settings please see https://www.youtube.com/watch?v=6pN_a4eD5NM

Hope this helps!

#3

THANK YOU SO MUCH GUYS
Seriously this has to be one of the most helpful feeds and sites on the web, 5* you guys are awsome

Thanks again.

Daniel

#4

Hey @danielkemish,

You are most welcome!
We’re glad @Nabeel were able to help you out.

Cheers.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.