Where do I implement custom css for a mobile screen size? I tried placing the css in the header.php folder, then I tried placing it underneath the smallest screen size breakpoint in the responsive.css folder and have had no luck. All I want is to make the text inside <h1> and <p> tags appear smaller and reposition 2 images. Thank You.
I have a responsiveness issue as well. The top 3 elements of my homepage have an image background and they are not scaling down on tablet or phone. www.katalinagroup.com
I've set the padding using % rather than specifying pixels and it has helped somewhat. The top element is not nearly as cut-off. The next two elements are still getting cut-off significantly.
Where do I implement custom css for a mobile screen size? I tried placing the css in the header.php folder, then I tried placing it underneath the smallest screen size breakpoint in the responsive.css folder and have had no luck. All I want is to make the text inside <h1> and <p> tags appear smaller and reposition 2 images. Thank You.
Hey,
Can you provide the page url so i can try and write some custom css .
Thanks
ThemeNectar Support Team
I have a responsiveness issue as well. The top 3 elements of my homepage have an image background and they are not scaling down on tablet or phone. www.katalinagroup.com
I've set the padding using % rather than specifying pixels and it has helped somewhat. The top element is not nearly as cut-off. The next two elements are still getting cut-off significantly.
Hey Holly,
If you want fine grain control you are gonna have to use custom css:
@media only screen and (max-width: 1000px) { .full-width-section.parallax_section .row-bg { background-position-x: 78% !important; } }
If you want to set the horizontal positions individually you are gonna have to add extra class and use custom css like this :
@media only screen and (max-width: 1000px) { .full-width-section.parallax_section.custom-class .row-bg { background-position-x: 80% !important; } }
Thanks
ThemeNectar Support Team