Optimising Site for Mobile

[Jackcoldrick]

Hi Guys,

I’ve been working on a website using your theme for a number of weeks now and I did a lot of customization of the theme in order to get it to match what I was looking for. For the most part when it comes to Mobile my pages are displaying fine with a few small CSS changes needing to be made for width and font sizes etc…

I’m just wondering if you could advise me on the best approach for writing my media queries? Should I put them in the style.css file in dante-child and if so which queries would it be best to work with?

thank you for any help,

regards,
J

[Kyle – SUPPORT]

Hi

Yes, you can add css in media queries in your custom css or child theme css file. For the breakpoint sizes, please see: http://getbootstrap.com/css/#grid-media-queries

– Kyle

[Jackcoldrick]

Hi Kyle,

That’s great thanks, however I noticed in the parent theme there is a responsive.css file that seems to be overriding anything I put into style.css…

Is that normal behaviour?

Thanks,
j

[Kyle – SUPPORT]

Hmmm try putting it in your theme options

– Kyle

[Jackcoldrick]

Hey Kyle,

This is pretty much resolved, but just before I mark it off. I decided to edit the responsive.css file directly, obviously the down side to doing that is if I update the theme I’ll lose the changes but If I’m aware of that I can just back up the css file before updating and add it back in after the update.

Are you aware of any other potential problems this might cause? I just find it easier then going into the custom css panel on the dashboard.

Thanks,
J

[Rui Guerreiro – SUPPORT]

Hi,

Besides that work of copying the file, there’s nothing else to worry about.

-Rui

[Jackcoldrick]

This issue is resolved, I am unable to change the status however. Many thanks

[Rui Guerreiro – SUPPORT]

Resolved.
-Rui