"add to cart" and "buy it now are not align

[OmriYaniv]

Hey guys, I would be happy if someone help me to fix this problem:

The buttons are not in the same line how can I fix it? ty!

[EBOOST]

Hi @OmriYaniv

Could you please share store url and protect password? I will help you check the issue.

[OmriYaniv]

Hey @EBOOST , ty.
https://babify-8145.myshopify.com/
password: omri

[EBOOST]

Hi @OmriYaniv

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Assets/styles.scss.css
3. add code below to end of file

.shopify-payment-button div {
   height: auto!important;
}

[OmriYaniv]

Wow it worked! Thank you very much!
If you could help with anything else, I would be very grateful.
In the header on the right side, the add to cart icon only appears when you scroll down the site a little and does not appear regularly because I put some code that delete the top bar

[EBOOST]

Hi,

You need origin HTML structure like screenshot below:

If you can’t do it. Could you share content of sections/header.liquid. I will help to take a look it.

[OmriYaniv]

here is the code: @EBOOST

{% comment %}
** Header - default view **

• Static section
  {% endcomment %}

{% comment %} Structured data {% endcomment %}

{% if template.name == ‘index’ %}

{% endif %}

{%- assign locale_selector = false -%}
{%- assign currency_selector = false -%}

{%- if section.settings.show_currency_selector and shop.enabled_currencies.size > 1 -%}
{%- assign currency_selector = true -%}
{%- endif -%}

{%- if section.settings.show_locale_selector and shop.published_locales.size > 1 -%}
{%- assign locale_selector = true -%}
{%- endif -%}

{% comment %}Mobile navigation{% endcomment %}

{% if section.settings.promo_text != blank %}

{{ section.settings.promo_text }}

{% endif %}

{{ 'layout.general.menu' | t }} {% if section.settings.logo_mobile != nil %} {% elsif section.settings.logo != nil %} {% else %} {{ shop.name }} {% endif %}

{% if section.settings.search_enabled %} {% endif %} {% if section.settings.show_cart %}

{{ cart.item_count }}

{% endif %}

{% if section.settings.search_enabled %}

{% if settings.search_option != 'everything' %} {% endif %}

{% endif %}

{% render 'mobile-menu', menu: section.settings.main_linklist %} {% render 'mobile-menu', menu: section.settings.main_linklist2 %} {% render 'mobile-menu', menu: section.settings.top_bar_menu, context: 'top_bar_menu' %} {% if section.settings.phone_number != blank %}
• {{ section.settings.phone_number }}
{% endif %}

{% if shop.customer_accounts_enabled %}
{% if customer %}

• {{ customer.name }}
• {{ 'layout.customer.log_out' | t }}
{% else %}
• {{ 'layout.customer.log_in' | t }}
{% endif %} {% endif %}

{% render ‘localization-switcher-mobile’,
additional_classes: ‘mobile-menu__disclosure’,
currency_selector: currency_selector,
locale_selector: locale_selector,
show_currency: section.settings.show_currency_selector
%}

{% if template contains “index” %}
{% assign feature_image = true %}
{% elsif template contains “collection” %}
{% assign feature_image = true %}
{% elsif template contains “blog” %}
{% assign feature_image = true %}
{% elsif template contains “article” %}
{% assign feature_image = true %}
{% elsif template contains “contact” %}
{% assign feature_image = true %}
{% elsif template contains “product” %}
{% assign feature_image = true %}
{% elsif template contains “gallery” %}
{% assign feature_image = true %}
{% elsif template contains “banner” %}
{% assign feature_image = true %}
{% elsif template contains “details” %}
{% assign feature_image = true %}
{% elsif template contains “faq” %}
{% assign feature_image = true %}
{% elsif template contains “search” %}
{% assign feature_image = true %}
{% elsif template contains “cart” %}
{% assign feature_image = true %}
{% else %}
{% assign feature_image = false %}
{% endif %}

{% comment %}Main navigation{% endcomment %}

{% if section.settings.promo_text != blank %}

{{ section.settings.promo_text }}

{% endif %}

{% if section.settings.social_icons_header %} {% render 'social-icons' %} {% endif %}

{% if section.settings.phone_number != blank %}
• {{ section.settings.phone_number }}
{% endif %} {% if section.settings.top_bar_menu != blank %} {% for link in linklists[section.settings.top_bar_menu].links %}
• {{ link.title }}
{% endfor %} {% endif %}

{% if section.settings.show_cart %}

{{ cart.item_count }} {% unless settings.cart_action == 'ajax' and template contains 'cart' %}

{{ 'layout.general.empty_cart' | t }}

{{ 'cart.general.continue_shopping_link_html' | t }}

{% assign total_saving = 0 %} {% for item in cart.items %} {% if item.variant.compare_at_price > item.variant.price %} {% assign saving = item.variant.compare_at_price | minus: item.variant.price | times: item.quantity %} {% assign total_saving = saving | plus: total_saving %} {% endif %}
• {% if item.image %}
  {% endif %}
  {{ item.product.title }} {% unless item.product.has_only_default_variant or item.variant.title contains "Title" %} - {% for option in item.product.options %} {{ item.variant.options[forloop.index0] }} {% unless forloop.last %}/{% endunless %} {% endfor %} {% endunless %} {% if item.properties %} {% for p in item.properties %} {% if p.last != blank %}

  {{ p.first }}: {{ p.last }}

  {% endif %} {% endfor %} {% endif %}

  {% if item.price > 0 %} {% render 'price-element', price: item.final_price %} {% if item.price < item.variant.compare_at_price or item.line_level_discount_allocations.size > 0 %} {% render 'price-element', price: item.variant.compare_at_price %} {% endif %} {% else %} {{ settings.free_price_text }} {% endif %}

  {% if item.line_level_discount_allocations.size > 0 %}
  {% for discount_allocation in item.line_level_discount_allocations %}

  {{ discount_allocation.discount_application.title }}

  {% endfor %} {% endif %}

  0 and item.variant.inventory_policy == "deny" %}max="{{ item.variant.inventory_quantity }}"{% endif %}/>

{% endfor %}

• {% if cart.cart_level_discount_applications != blank %} {% for discount_application in cart.cart_level_discount_applications %} {{ discount_application.title }} -{% render 'price-element', price: discount_application.total_allocated_amount %} {% endfor %} {% endif %}
• {% render 'price-element', price: cart.total_price %} {{ 'layout.general.subtotal' | t }}
• {% if settings.display_savings and total_saving > 0 or settings.display_savings and cart.total_discount > 0 %} {% assign total_savings = total_saving | plus: cart.total_discount %}{% render 'price-element', price: total_savings %} {{ 'layout.general.savings' | t }} {% endif %}
• {% if settings.display_special_instructions and settings.go_to_checkout %} {{ cart.note }} {% endif %}

  {% if settings.display_tos_checkbox and settings.go_to_checkout %}

  {{ 'cart.general.agree_to_terms_html' | t }} {% if settings.tos_page != blank %} {{ 'cart.general.view_terms' | t }} {% endif %}

  {% endif %}

  {% if settings.cart_message != blank %}

  {{ settings.cart_message }}
  {% endif %}

  {% if settings.go_to_checkout %}
  {% if settings.show_lock_icon %}{% endif %}{{ ‘layout.general.checkout’ | t }}
  {% else %}
  {% if settings.show_lock_icon and settings.go_to_checkout %}{% endif %}{{ ‘layout.general.go_to_cart’ | t }}
  {% endif %}

{% endunless %}

{% endif %}

• {% render 'localization-switcher', additional_classes: 'header-menu__disclosure', id: 'header__selector-form', currency_selector: currency_selector, locale_selector: locale_selector, show_currency: section.settings.show_currency_selector %}

{% if shop.customer_accounts_enabled %}

• {% if customer %}{{ 'layout.customer.my_account' | t }}{% else %}{{ 'layout.customer.log_in' | t }}{% endif %}
{% endif %}

{% capture logo %}

{% if section.settings.logo_home != nil %} {% endif %} {% if section.settings.logo != nil %} {% else %} {{ shop.name }} {% endif %}

{% endcapture %}

{% assign vertical_menu = section.settings.vertical_menu %}

{% capture menu_left %}
{% if vertical_menu %}
{% render ‘vertical-menu’, linklist: section.settings.main_linklist %}
{% else %}
{% render ‘menu’, linklist: section.settings.main_linklist %}
{% endif %}
{% endcapture %}

{% capture menu_right %}
{% if vertical_menu %}
{% render ‘vertical-menu’, linklist: section.settings.main_linklist2 %}
{% else %}
{% render ‘menu’, linklist: section.settings.main_linklist2 %}
{% endif %}
{% endcapture %}

{% capture search %}
{% if section.settings.search_enabled %}

{% if settings.search_option != 'everything' %} {% endif %}

{% endif %} {% endcapture %}

{% if section.settings.menu_position == ‘inline’ %}
{% if section.settings.logo_position == ‘left’ %}
{{ logo }}

{{ menu_left }} {{ menu_right }}

{{ search }} {% else %}

{{ menu_left }}

{{ logo }}

{{ menu_right }}

{{ search }} {% endif %} {% else %} {{ logo }}

{{ menu_left }} {{ menu_right }}

{{ search }}

{% endif %}

{% if settings.search_option != 'everything' %} {% endif %}

{% render ‘sub-menu’, linklist: section.settings.main_linklist %}
{% render ‘sub-menu’, linklist: section.settings.main_linklist2 %}

div.header__logo, div.header__logo img, div.header__logo span, .sticky_nav .menu-position--block .header__logo { max-width: {{ section.settings.logo_display_width }}px; }

{% schema %}

{
“name”: “Header”,
“class”: “header-section”,
“settings”: [
{
“type”: “header”,
“content”: “Announcement bar”
},
{
“type”: “richtext”,
“id”: “promo_text”,
“label”: “Text”,
“info”: “Maximum character limit is 170”
},
{
“type”: “header”,
“content”: “Top bar”
},
{
“type”: “checkbox”,
“id”: “social_icons_header”,
“label”: “Show social media header icons”,
“default”: true
},
{
“type”: “text”,
“id”: “phone_number”,
“label”: “Phone number”,
“info”: “1-800-555-5555”
},
{
“type”: “link_list”,
“id”: “top_bar_menu”,
“label”: “Menu”,
“info”: “This menu won’t show drop-down items”
},
{
“type”: “checkbox”,
“id”: “show_cart”,
“label”: “Show cart”,
“default”: true
},
{
“type”: “select”,
“id”: “cart_icon”,
“label”: “Cart icon”,
“options”: [
{
“value”: “cart”,
“label”: “Cart”
},
{
“value”: “bag”,
“label”: “Bag”
}
],
“default”: “cart”
},
{
“type”: “header”,
“content”: “Language selector”,
“info”: “To add a language, go to your language settings.”
},
{
“type”: “checkbox”,
“id”: “show_locale_selector”,
“label”: “Show language selector”,
“default”: true
},
{
“type”: “header”,
“content”: “Currency selector”,
“info”: “To add a payment, go to your currency settings.”
},
{
“type”: “checkbox”,
“id”: “show_currency_selector”,
“label”: “Show currency selector”,
“default”: true
},
{
“type”: “header”,
“content”: “Logos”
},
{
“type”: “range”,
“id”: “logo_display_width”,
“label”: “Logo display width”,
“step”: 5,
“min”: 105,
“max”: 205,
“default”: 205,
“unit”: “px”
},
{
“type”: “image_picker”,
“id”: “logo”,
“label”: “Logo”,
“info”: “400 x 200px recommended”
},
{
“type”: “image_picker”,
“id”: “logo_home”,
“label”: “Secondary logo over content (optional)”,
“info”: “400 x 200px recommended”
},
{
“type”: “image_picker”,
“id”: “logo_mobile”,
“label”: “Mobile logo”,
“info”: “100 x 50px recommended”
},
{
“type”: “header”,
“content”: “Menus”
},
{
“type”: “link_list”,
“id”: “main_linklist”,
“label”: “Main menu”
},
{
“type”: “link_list”,
“id”: “main_linklist2”,
“label”: “Secondary menu”
},
{
“type”: “checkbox”,
“id”: “vertical_menu”,
“label”: “Enable vertical menus”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “dropdown_click”,
“label”: “Open dropdowns on click instead of hover”,
“default”: false
},
{
“type”: “header”,
“content”: “Search”
},
{
“type”: “checkbox”,
“id”: “search_enabled”,
“label”: “Show search”,
“default”: true
},
{
“type”: “header”,
“content”: “Layout”
},
{
“type”: “checkbox”,
“id”: “fixed_header”,
“label”: “Fixed (‘sticky’) header”,
“default”: true
},
{
“type”: “select”,
“id”: “logo_position”,
“label”: “Logo position”,
“info”: “Applies when menu position has been set to ‘Inline with logo’”,
“options”: [
{
“value”: “left”,
“label”: “Left”
},
{
“value”: “center”,
“label”: “Center”
}
],
“default”: “center”
},
{
“type”: “select”,
“id”: “logo_alignment”,
“label”: “Logo alignment”,
“info”: “Applies when menu position has been set to ‘Under logo’”,
“options”: [
{
“value”: “left”,
“label”: “Left”
},
{
“value”: “center”,
“label”: “Center”
}
],
“default”: “center”
},
{
“type”: “select”,
“id”: “menu_position”,
“label”: “Menu position”,
“options”: [
{
“value”: “inline”,
“label”: “Inline with logo”
},
{
“value”: “block”,
“label”: “Under logo”
}
],
“default”: “inline”
},
{
“type”: “select”,
“id”: “menu_alignment”,
“label”: “Menu alignment”,
“options”: [
{
“value”: “align_left”,
“label”: “Left”
},
{
“value”: “center”,
“label”: “Center”
},
{
“value”: “align_right”,
“label”: “Right”
}
],
“default”: “align_left”
}
]
}

{% endschema %}