Praneetha

Worked like a charm, thank you @tuanphan!

Thanks @tuanphan!!

@tuanphan here is my url: https://designbypran.com/

The padding looks even on my screen, but if there's a way to force the padding to be the same regardless of screen size that would be great. Thanks!

Sorry, I hid it since it's navigating to the wrong place. I just made the breadcrumbs available again.

Hi @tuanphan any chance you could help me with the code for my site? https://designbypran.com/services/p/botanicals-dmbgj

Is there a way to do this for specific markdowns with a blockID?

Hi @tuanphan yes I'd like some help with making the padding even across those boxes. If you could help with css that would be amazing!

Thank you @tuanphan you are truly the best!!

Hey @tuanphan it doesn't seem to work with modifying the length of the line, only how thick it is. I think the length is fine as is so don't worry about it!

Hi @tuanphan the code for the line is in a markdown on this page - https://www.calligrapran.com/custominvitations. Thanks!

Hey @JOHNMD thanks for the code! This seems to work but I'm not able to adjust the width. Any chance you can help with that? My website is calligrapran.com. Thanks!

Yes - here's the website @tuanphan https://www.calligrapran.com/ thank you!

The logo in the mobile view is smaller, but there's all this extra space I'm not able to remove - pic attached

Hi @tuanphan hoping you can help me once again. I'm using the code below to adjust the height of my logo in footer in the mobile view but there's a space between the logo and the last section. Any chance you can help me rework this?

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1603837109718_13061 img {
    width: 30% !important;
    height: auto !important;
    transform: translateX(-50%);
    left: 50% !important;
}
div#block-yui_3_17_2_1_1603837109718_13061.image-block-wrapper {
    padding-bottom: 50% !important;
}

}

Thank you @tuanphan!! You're the best.

Hi - I've been trying to get this to work and have used the code Taun Phan provided here, as well as the code below and can't seem to get it to work.

.Header-nav-item::after {
content: '';
background: #000;
height: 2px;
width: 0;
display: block;
margin-top: 2px !important;
transition: width 1s;
}

My website is www.calligrapran.com. Thanks!