[Debut Theme] Custom Content / Flex / break on mobile

[philfra]

Dear SagarSukhanandi, please excuse my late reply.

Please see the new previev Link:

https://64rrxkvfnj41qfwl-54337601727.shopifypreview.com

I am experiencing the same problem on Firefox, Safari and Chrome.

Thank you for your kind help

[SagarSukhanandi]

@philfra 
It looks perfect for me on crome. You can see below image

[philfra]

Thanks for the fast reply. If you widen the window a littel bit further you will see the effect in chrome as well.

[SagarSukhanandi]

@philfra Add this line to css

@media only screen and (max-width: 749px)
.custom__item.small--one-half {
max-width : 100% !important;
}
}

[philfra]

Thank you so much! Looks fantastic now!

One last question (i promise!).

Is there a way to style ONLY the text within the megatitle slider, not the div?

As you can see the subtitle has a background-color which styles just the text.

If i use the background color for the div .mega-title the whole box gets a background. i would like to only have the text highlighted.

Is that possible?

[SagarSukhanandi]

@philfra Add below code to css and check

.mega-title{
font-size: 77px !important;
}

[philfra]

Dear @SagarSukhanandi  it sadly did not work.

I attached another picture to show you where i would like to be background color for the text and where i dont want the color. In the part where it says "no pink" it should be transparent.

Thank you so much!

[SagarSukhanandi]

@philfra Sorry but by only we will not able to fix your issue. To fix your issue we must need to change code structure. 

[philfra]

Okay, thank you so much for your kind help!

[Zworthkey]

hi,

add this code to the theme.scss 

.mega-title {
    color: #2A4359;
    /* background-color: #F2578B; */
    border-radius: 3px;
    padding: 4px;
    font-weight: 800;
    /* text-shadow: 4px 4px 0px #e8f9f0, 4px -4px 0px #e8f9f0, -4px 4px 0px #e8f9f0, -4px -4px 0px #e8f9f0; */
}