SafaS
May 13, 2024, 1:15pm
1
Hi everybody
I am a serious problem which i am trying to fix for months. While trying to customize my header, it is always on mobile mode and i cant even click on it. But i can do changes and check the changes with going to my webpage. The weird thing is sometimes my header goes on a glitch and i cant even click or open it. Mostly i am seeing that problem on Apple Iphones. In android or desktop the problem show just rare times. When I go on my Iphone to my webpage, on the main page my “Shop Now” button turns white which had to be black normally. And when the button is white my header is not working in the same time. After refreshing the page a couple of times my button turns into black and my header starts to work. With the header i mean its not able to open menu or surf between pages. I tried really all solutions about it but was not able for it to solve. I also tried to contact with Shopify Devs but they cold not solve it too and adviced me to contact with the theme developers. After I contacted with the theme devs, they told me that “we are not giving any services or support, we only selling themes”. So I started to look on fiverr to fins someone but most of the people dont give me a guaranty about solving the problem. Adn because of i am a student i dont want to pay someone who just will try or look about the problem. I am looking for a guaranty who can solve it. I can even pay someone for solving the problem. I am really done with trying to fix it. Can someone help me please?
Webpage: sssweethome.com
The video link about my problem:https://gemoo.com/tools/upload-video/share/648632196125401088?codeId=DGW5G6W585767&card=648632178333163520&origin=videolinkgenerator
Add this css in your theme.css file
.section-slideshow-v1 .slick-active .info-sideh1 .box-info-slideshow_jUEWaq .btn-animation-slideshow_jUEWaq .button-main2 {
color: #000000 !important;
border-color: #000000 !important;
}
.section-slideshow-v1 a.button-main2.button-shop-slideshow_jUEWaq{
color: #000000 !important;
border-color: #000000 !important;
}
body {
background-color: initial !important;
}
.shopify-section.index-section .section-slideshow-v1 .slick-active .info-sideh1 .box-content-center .button-shop-slideshow_jUEWaq:hover{
color:#fff !important;
}
SafaS
May 13, 2024, 1:43pm
3
Hi thank you very much for responding that fast. My store theme has no .css its theme.liquid
this is my theme.liquid
{% if page_description %}
{% endif %}
{% include 'social-meta-tags' %}
{% include 'engo-header-fonts' %}
{% if settings.po_style == "po_swatchs" %}
{{ 'timber.scss.css' | asset_url | stylesheet_tag }}
{% endif %}
{% if settings.po_style == "po_dropdown" %}
{{ 'timber_2.scss.css' | asset_url | stylesheet_tag }}
{% endif %}
{{ 'bootstrap.min.css' | asset_url | stylesheet_tag }}
{{ 'slick.css' | asset_url | stylesheet_tag }}
{{ 'slick-theme.css' | asset_url | stylesheet_tag }}
{{ 'style-main.scss.css' | asset_url | stylesheet_tag }}
{{ 'engo-customizes.css' | asset_url | stylesheet_tag }}
{{ 'animate.min.css' | asset_url | stylesheet_tag }}
{{ content_for_header }}
{% include 'oldIE-js' %}
{% comment %}
If you store has customer accounts disabled, you can remove the following JS file
{% endcomment %}
{% if template contains 'customers' %}
{% comment %}theme-check-disable ParserBlockingScriptTag{% endcomment %}
{{ 'shopify_common.js' | shopify_asset_url | script_tag }}
{% comment %}theme-check-enable ParserBlockingScriptTag{% endcomment %}
{% endif %}
{% include 'social-meta-tags' %}
{% include 'pagefly-app-header' %}
{% comment %}
Add the page template as a class for easy page or template specific styling.
{% endcomment %}
{% if settings.enable_promo_topbar %}
{% include 'promo-topbar' %}
{% endif %}
{% section 'header' %}
{% if template contains 'index' %}
# {{ shop.name }}
{% endif %}
{% include 'search' %}
{% include 'minicart' %}
{% include 'menu_mobile' %}
{% include 'popup-login' %}
{{ content_for_layout }}
{% section 'footer' %}
{% if settings.ena_back_to_top %}
{% endif %}
{% include 'currencies' %}
{% comment %}
Template-specific js
{% endcomment %}
{% if settings.ajax_cart_method == "drawer" %}
{% include 'ajax-cart-template' %}
{% endif %}
{% if template contains 'contact' %}
{% endif %}
{% comment %}
{{ 'wish-list.js' | asset_url | script_tag }}
{% endcomment %}
{% include 'product-quick-view' %}
{% include 'template-popup' %}
{% include 'template-popup-ajax-addtocart' %}
{% include 'linked-options' %}
{% include 'remove-sold-out' %}
{% if settings.ena_popup_cookie %}
{% include 'popup-cookie' %}
{% endif %}
{% include 'popup-product-random' %}
{% if settings.show_menu_toolbar %}
{% include 'menu-toolbar' %}
{% endif %}
{% if settings.ena_popup_news %}
{% if template contains 'index' %}
{% include 'popup-newletter' %}
{% endif %}
{% endif %}
{% if template contains 'product' %}
{% endif %}
{% unless template contains 'product' %}
{% endunless %}
I’ve added my CSS to this code so you just add this code in place of your actual code
{% if page_description %}
{% endif %}
{% include 'social-meta-tags' %}
{% include 'engo-header-fonts' %}
{% if settings.po_style == "po_swatchs" %}
{{ 'timber.scss.css' | asset_url | stylesheet_tag }}
{% endif %}
{% if settings.po_style == "po_dropdown" %}
{{ 'timber_2.scss.css' | asset_url | stylesheet_tag }}
{% endif %}
{{ 'bootstrap.min.css' | asset_url | stylesheet_tag }}
{{ 'slick.css' | asset_url | stylesheet_tag }}
{{ 'slick-theme.css' | asset_url | stylesheet_tag }}
{{ 'style-main.scss.css' | asset_url | stylesheet_tag }}
{{ 'engo-customizes.css' | asset_url | stylesheet_tag }}
{{ 'animate.min.css' | asset_url | stylesheet_tag }}
{{ content_for_header }}
{% include 'oldIE-js' %}
{% comment %}
If you store has customer accounts disabled, you can remove the following JS file
{% endcomment %}
{% if template contains 'customers' %}
{% comment %}theme-check-disable ParserBlockingScriptTag{% endcomment %}
{{ 'shopify_common.js' | shopify_asset_url | script_tag }}
{% comment %}theme-check-enable ParserBlockingScriptTag{% endcomment %}
{% endif %}
{% include 'social-meta-tags' %}
{% include 'pagefly-app-header' %}
{% comment %}
Add the page template as a class for easy page or template specific styling.
{% endcomment %}
{% if settings.enable_promo_topbar %}
{% include 'promo-topbar' %}
{% endif %}
{% section 'header' %}
{% if template contains 'index' %}
# {{ shop.name }}
{% endif %}
{% include 'search' %}
{% include 'minicart' %}
{% include 'menu_mobile' %}
{% include 'popup-login' %}
{{ content_for_layout }}
{% section 'footer' %}
{% if settings.ena_back_to_top %}
{% endif %}
{% include 'currencies' %}
{% comment %}
Template-specific js
{% endcomment %}
{% if settings.ajax_cart_method == "drawer" %}
{% include 'ajax-cart-template' %}
{% endif %}
{% if template contains 'contact' %}
{% endif %}
{% comment %}
{{ 'wish-list.js' | asset_url | script_tag }}
{% endcomment %}
{% include 'product-quick-view' %}
{% include 'template-popup' %}
{% include 'template-popup-ajax-addtocart' %}
{% include 'linked-options' %}
{% include 'remove-sold-out' %}
{% if settings.ena_popup_cookie %}
{% include 'popup-cookie' %}
{% endif %}
{% include 'popup-product-random' %}
{% if settings.show_menu_toolbar %}
{% include 'menu-toolbar' %}
{% endif %}
{% if settings.ena_popup_news %}
{% if template contains 'index' %}
{% include 'popup-newletter' %}
{% endif %}
{% endif %}
{% if template contains 'product' %}
{% endif %}
{% unless template contains 'product' %}
{% endunless %}
SafaS
May 15, 2024, 11:19am
5
Thank you a lot for your attention and for your help but still have the same problem. The white button problem got fixed but my main problem is that the header still do not work on IOS Aplle Iphones. I still cannot open the header menu or click on it. Still have to refresh a couple time. But as I said the white button problem fixed thank you a lot for it
