Control of responsive display Corvus template
-
-
- Tim Haas
- Rocketeer
- Posts: 53
- Thanks: 0
-
I need to control a few things that are displaying poorly in the mobile version of my website using the Corvus template.
Other templates I have used from other places have had a separate CSS file for responsive design elements.
How can I either remove or scale the two corner background images located in the upper left and lower right?
Thanks, I am sure I will catch on to how your template works with a little encouragement.
-
-
-
- Tim Haas
- Rocketeer
- Posts: 53
- Thanks: 0
-
You mis-understand. I don't want to turn it off completely. I would only like to turn it off for the image for the telephone size responive display.
How do I make changes to the CSS for the specific display sizes.
Thanks
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
use media queries to add css rule that affect the responsive breakpoints
/* Smartphones */ @media (max-width: 480px) { .top-type-preset1 #rt-page-surround {background: transparent;} .bottom-type-preset1 #rt-page-surround-bottom {background: transparent;} } /* Smartphones to Tablets */ @media (min-width: 481px) and (max-width: 767px) { } /* Tablets */ @media (min-width: 768px) and (max-width: 959px) { } /* Desktop */ @media (min-width: 960px) and (max-width: 1199px) { } /* Large Display */ @media (min-width: 1200px) { }
-
Time to create page: 0.091 seconds