-
Author
-
September 2, 2018 at 20:56 #208261allanaParticipant
How can I change when the responsiveness of the page kicks in?
I’d like to keep the sidebar on the page for longer than it currently is when reducing the size of the browser.
Also is there a way of instructing different css values depending on the size of the browser?
Kind regards
Allan
September 2, 2018 at 21:20 #208270Kieran_SQModeratorHi,
I will refer the first part of this question to a higher support level to see if there is a dynamic way to change the breakpoints for BuddyApp – they’ll be in touch with you as soon as they can, Monday to Friday, East European Time. With this said, BuddyApp uses quite advanced and specific breakpoints and should you change them it would be up to you going forward to address any specific styling issues this will bring with it.
To target different screen sizes you can use media queries, see here for more information on media queries https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Example
COPY CODE@media only screen and (max-width: 920px) { .my-class { background-color: red; } .my-class-2 { background-color: blue; } } @media only screen and (min-width: 921px) { .my-class { background-color: blue; } .my-class-2 { background-color: red; } }
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
September 4, 2018 at 16:25 #208434RaduModeratorHi,
There it’s no easy way to change all breakpoints of the theme since it has to many dependenciesYo can target certain selectors by the different resolution.
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution -
AuthorPosts
The forum ‘General questions’ is closed to new topics and replies.