SandraC

@tuanphanthank you! this worked to resize the tablet view! thanks again! happy holidays!

@tuanphanIs there a way to reduce the font size in the tablet view? I would rather not have the tablet view look like the mobile view, if possible.

Is there a way to reduce the font size in the tablet view? I would rather not have the tablet view look like the mobile view, if possible.

sandracurry.com/transformational-tips in the tablet view.

@ZiggyThank you! Yep, I had it just in the Home page setting.

This code worked great! Thanks again, @Ziggy! @media only screen and (max-width:640px) { #block-yui_3_17_2_1_1651603783964_151991 .image-subtitle p { font-size: 2.75vw !important; } }

Hi there, I used this code from another discussion to get a back to top button. I am wondering what code I can use so it appears on every page, not just one. Thank you! this is what I have from the other discussion: Simply paste the code in Setting > Advanced > Header <div id="scroll-here"></div> <a id="back-to-top" href="#scroll-here"> <img src="data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EAngle Up%3C/title%3E%3Cdesc%3EA line styled icon from Orion Icon Library.%3C/desc%3E%3Cpath data-name='layer1' fill='none' stroke='%23202020' stroke-miterlimit='10' stroke-width='2' d='M20 40l11.994-14L44 40' stroke-linejoin='round' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E" alt="Angle Up" /> </a> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script> $(function(){ //Function To Add Class function showBackToTop(){ $('#back-to-top').addClass('show-btt'); } //Function To Add Class function hideBackToTop(){ $('#back-to-top').removeClass('show-btt'); } //Check Scroll and Add Class function checkScrollPos(){ if ($(this).scrollTop() >= 700) { //if scroll position is lower than 700px from the top of the screen showBackToTop(); } else { hideBackToTop() } } // tell the browser to run the "checkScrollPos()" function just above when the user scrolls $(window).on('scroll', function(){ checkScrollPos(); }); //Check the scroll position once when the page loads checkScrollPos(); }) </script> <style> html { scroll-behavior:smooth } #back-to-top { height: 50px; width: 50px; position: fixed; right: 0; z-index: 99; border-radius: 50%; box-shadow: 0px 0px 5px #ccc; margin: 17px; background: white; bottom: -150px; opacity: 0; transition: all .5s ease; } /Position Out of View/ bottom:-150px; opacity:0; transition: all .5s ease; } #back-to-top.show-btt { bottom: 0; opacity: 1; transition: all .5s ease; } </style> for you have to hide your current code <style> .t-top { display:none !important; } </style> Add this also in same header block

my site is sandracurry.com

Hi there, How can I adjust this so the tag cloud doesn't run off the page in the tablet view? I'm using Bedford 7.0. Thank you!

@Ziggy. I just sent the css in a personal message to you.

@ziggy. where do I send the css to? I think it might be too much to post here.

@Ziggythanks for your reply! it's on sandracurry.com/home at the bottom of the page.

@jaydiprewamight you know how to get this to apply on all pages versus just one? thanks so much!

Hi there, I would love some assistance to figure this out. I am using Bedford. In a poster image, the text looked fine on desktop, but was cut off in tablet and mobile views. I figured out to adjust the font size to work for the tablet view. However, when I adjust the font-size for mobile, it appears lower in the image and is cut off. How can I adjust it so the entire text appears over the image? I am attaching an image of the mobile view (cut off text) and also the tablet view (text visible). Thanks so much!

@tuanphanthank you so much!!