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

Solved
philfra
New Member
9 0 0

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

0 Likes
SagarSukhanandi
New Member
97 17 30

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
philfra
New Member
9 0 0

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

0 Likes
SagarSukhanandi
New Member
97 17 30

@philfra Add this line to css

@media only screen and (max-width: 749px)
.custom__item.small--one-half {
max-width : 100% !important;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
philfra
New Member
9 0 0

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?

0 Likes
SagarSukhanandi
New Member
97 17 30

@philfra Add below code to css and check

.mega-title{
font-size: 77px !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
philfra
New Member
9 0 0

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!

 

Bildschirmfoto_2021-02-23_um_18_56_13.png

0 Likes
SagarSukhanandi
New Member
97 17 30

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


If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
philfra
New Member
9 0 0

Okay, thank you so much for your kind help!

0 Likes

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; */
}

 

 

0 Likes