Hello,
I have two issues I can’t resolve.
Issue 1:
On mobile, the “Shop All Products” button is upper middle. I have ensured the settings in theme customization say bottom middle. I’ve tried various base.css code changes. Nothing is working. The button is cover a face in the art.
Issue 2:
On the home page, there’s a block of text that is too big (Coffee and Chill), and none of the theme customization options or base.css code adjustments seem to be working. I can get the text to shrink through customization options of the theme, but it changes text across the site.
Site preview:
https://bovf62mkbjmogs6e-78766178616.shopifypreview.com
@Coreymw85 , go to base.css and add the following code :
@media (max-width:768px){
.banner__buttons .button.button--primary{
margin-top:20rem;
}
}
Thank you, this fixed that issue. I appreciate it.
Have you got any thoughts on the large text under Coffee and Chill section on the home page? I’ve tried adjusting the header and paragraph font sizing in the code and in the customization section of the theme editor, but it isn’t making a change, and when it does, it’s to all the header or paragraph text through the entire site.
@Coreymw85 , you want to adjust the header and paragraph size only for home page?
For that section, yeah. If possible. Do you have any other thoughts on how to adjust that specific block of text’s size?
@Coreymw85 , go to theme.liquid and add the following code before the end of tag :
{% if template == 'index'%}
{% endif %}
Hi @Abdosamer
Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below after tag
Issue 1:
Issue 2: please add the ID of the section before your target class so it only affects this section, not across the site
#shopify-section-template--21557605957944__15d9af16-86e3-4d0e-824b-cb5fd0d2210c .image-with-text__heading { font-size: 2rem !important; }
#shopify-section-template--21557605957944__15d9af16-86e3-4d0e-824b-cb5fd0d2210c .image-with-text__text h5 {
font-size: 1.8rem !important;
}
