Moving sidebar to top in mobile instead being bottom as default

  • yosko597

    (@yosko597)


    2 years ago

    Siderbar showed top bottom on mobile, so i moved it with css with this code

    @media screen and (max-width: 450px) {

    .col-full {
    position: relative;
    }

    div#primary {
    float: left;
    width: 100%;
    margin-top: 100%;
    }

    div#secondary {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    }

    That created 2 problems .

    1. I need to move shop default woocommerce page a little bit down so it doesnt colide with sidebar on mobile. (php knowledge that i lack off) https://gyazo.com/1e5c3f66245473520915651b9730157c
    2. Big blank space on mobile view on home.(i need to delete having a sidebar on homepage i think ) https://gyazo.com/4a74d20943a5615c81293c5edfaa6b13

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Saif

    (@babylon1999)

    Hello @yosko597,

    I checked your shop page and can’t see what you’re describing.


    Link to image: https://d.pr/i/7TNTg7

    Could you please elaborate more and attach your system status report? You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”.? Once you’ve done that, paste it here in your response.

    Look forward to hearing back from you.


    Thread Starter yosko597

    (@yosko597)

    WordPress Environment

WordPress address (URL): https://www.onlyshoes.es
Site address (URL): https://www.onlyshoes.es
WC Version: 7.4.0
REST API Version: ?</img> 7.4.0
WC Blocks Version: ?</img> 9.4.3
Action Scheduler Version: ?</img> 3.5.4
Log Directory Writable: ?</img>
WP Version: 6.1.1
WP Multisite: –
WP Memory Limit: 512 MB
WP Debug Mode: –
WP Cron: ?</img>
Language: es_ES
External object cache: –

Server Environment

Server Info: LiteSpeed
PHP Version: 7.4.33
PHP Post Max Size: 100 MB
PHP Time Limit: 300
PHP Max Input Vars: 60000
cURL Version: 7.84.0
OpenSSL/1.1.1p

SUHOSIN Installed: –
MySQL Version: 8.0.32
Max Upload Size: 100 MB
Default Timezone is UTC: ?</img>
fsockopen/cURL: ?</img>
SoapClient: ?</img>
DOMDocument: ?</img>
GZip: ?</img>
Multibyte String: ?</img>
Remote Post: ?</img>
Remote Get: ?</img>

Database

WC Database Version: 7.4.0
WC Database Prefix: wp_
Tama?o total de la base de datos: 22.94MB
Tama?o de los datos de la base de datos: 18.26MB
Tama?o del índice de la base de datos: 4.68MB
wp_woocommerce_sessions: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_woocommerce_api_keys: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_woocommerce_attribute_taxonomies: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_woocommerce_downloadable_product_permissions: Datos: 0.02MB + índice: 0.06MB + Motor InnoDB
wp_woocommerce_order_items: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_woocommerce_order_itemmeta: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_woocommerce_tax_rates: Datos: 0.02MB + índice: 0.06MB + Motor InnoDB
wp_woocommerce_tax_rate_locations: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_woocommerce_shipping_zones: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_woocommerce_shipping_zone_locations: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_woocommerce_shipping_zone_methods: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_woocommerce_payment_tokens: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_woocommerce_payment_tokenmeta: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_woocommerce_log: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_actionscheduler_actions: Datos: 1.50MB + índice: 1.08MB + Motor InnoDB
wp_actionscheduler_claims: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_actionscheduler_groups: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_actionscheduler_logs: Datos: 1.52MB + índice: 0.50MB + Motor InnoDB
wp_aioseo_cache: Datos: 0.11MB + índice: 0.03MB + Motor InnoDB
wp_aioseo_notifications: Datos: 0.03MB + índice: 0.06MB + Motor InnoDB
wp_aioseo_posts: Datos: 0.06MB + índice: 0.02MB + Motor InnoDB
wp_commentmeta: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_comments: Datos: 0.02MB + índice: 0.09MB + Motor InnoDB
wp_gla_attribute_mapping_rules: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_gla_budget_recommendations: Datos: 0.22MB + índice: 0.14MB + Motor InnoDB
wp_gla_merchant_issues: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_gla_shipping_rates: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_gla_shipping_times: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_links: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_litespeed_avatar: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_litespeed_img_optm: Datos: 0.20MB + índice: 0.11MB + Motor InnoDB
wp_litespeed_img_optming: Datos: 0.02MB + índice: 0.05MB + Motor InnoDB
wp_litespeed_url: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_litespeed_url_file: Datos: 0.05MB + índice: 0.08MB + Motor InnoDB
wp_options: Datos: 10.02MB + índice: 0.16MB + Motor InnoDB
wp_pmxi_files: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_pmxi_hash: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_pmxi_history: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_pmxi_images: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_pmxi_imports: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_pmxi_posts: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_pmxi_templates: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_postmeta: Datos: 2.06MB + índice: 0.73MB + Motor InnoDB
wp_posts: Datos: 1.06MB + índice: 0.19MB + Motor InnoDB
wp_term_relationships: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_term_taxonomy: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_termmeta: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_terms: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_usermeta: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_users: Datos: 0.02MB + índice: 0.05MB + Motor InnoDB
wp_wc_admin_note_actions: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_wc_admin_notes: Datos: 0.05MB + índice: 0.00MB + Motor InnoDB
wp_wc_category_lookup: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_wc_customer_lookup: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_wc_download_log: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_wc_order_coupon_lookup: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_wc_order_product_lookup: Datos: 0.02MB + índice: 0.06MB + Motor InnoDB
wp_wc_order_stats: Datos: 0.02MB + índice: 0.05MB + Motor InnoDB
wp_wc_order_tax_lookup: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_wc_product_attributes_lookup: Datos: 0.06MB + índice: 0.05MB + Motor InnoDB
wp_wc_product_download_directories: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_wc_product_meta_lookup: Datos: 0.06MB + índice: 0.09MB + Motor InnoDB
wp_wc_rate_limits: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_wc_reserved_stock: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_wc_slazzer_process_history: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_wc_slazzer_process_status: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_wc_tax_rate_classes: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_wc_webhooks: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB
wp_wdp_order_items: Datos: 0.02MB + índice: 0.06MB + Motor InnoDB
wp_wdp_orders: Datos: 0.02MB + índice: 0.05MB + Motor InnoDB
wp_wdp_persistent_rules_cache: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_wdp_rules: Datos: 0.02MB + índice: 0.03MB + Motor InnoDB
wp_wdr_order_discounts: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_wdr_order_item_discounts: Datos: 0.02MB + índice: 0.05MB + Motor InnoDB
wp_wdr_rules: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_wpforms_tasks_meta: Datos: 0.02MB + índice: 0.00MB + Motor InnoDB
wp_wt_sc_coupon_lookup: Datos: 0.02MB + índice: 0.02MB + Motor InnoDB

Post Type Counts

attachment: 262
custom_css: 7
customize_changeset: 21
filter-set: 1
nav_menu_item: 21
page: 10
post: 2
product: 45
product_variation: 319
revision: 37
shop_coupon: 1
storely_faq: 19
storely-pro: 12
wcapf-filter: 1
wcpf_item: 4
wcpf_project: 1
wp_global_styles: 2
wpforms: 1
yith_wcan_preset: 1

Security

Secure connection (HTTPS): ?</img>
Hide errors from visitors: ?</img>

Active Plugins (12)

All in One SEO: por All in One SEO Team – 4.3.1.1
Facebook for WooCommerce: por Facebook – 3.0.12
Limit Login Attempts Reloaded: por Limit Login Attempts Reloaded – 2.25.12
LiteSpeed Cache: por LiteSpeed Technologies – 5.3.3
Sassy Social Share: por Team Heateor – 3.3.46
Title Toggle for Storefront Theme: por Wooassist – 1.2.5
Widget Options: por Widget Options Team – 3.8.10
Variation Swatches for WooCommerce: por Emran Ahmed – 2.0.18
WooCommerce Payments: por Automattic – 5.5.0
Product Filters for WooCommerce: por WooCommerce – 1.4.1
WooCommerce: por Automattic – 7.4.0
WPForms Lite: por WPForms – 1.8.0.1

Inactive Plugins (0)

Must Use Plugins (1)

WordPress automation by Installatron: por –

Settings

API Enabled: –
Force SSL: ?</img>
Currency: EUR (€)
Currency Position: right_space
Thousand Separator: .
Decimal Separator: ,
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
stwpb (stwpb)
variable (variable)
woosb (woosb)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –
Enforce Approved Product Download Directories: ?</img>
Order datastore: WC_Order_Data_Store_CPT

WC Pages

Base de la tienda: #3052 - /tienda/
Carrito: #2965 - /carrito/
Finalizar compra: #2565 - /finalizar-compra/
Mi cuenta: #2575 - /mi-cuenta/
Términos y condiciones: #2571 - /terminos-y-condiciones/

Theme

Name: Galleria
Version: 2.2.19
Author URL: https://woocommerce.com
Child Theme: ?</img>
Parent Theme Name: Storefront
Parent Theme Version: 4.2.0
Parent Theme Author URL: https://woocommerce.com/
WooCommerce Support: ?</img>

Templates

Overrides: –

Admin

Enabled Features: activity-panels
analytics
coupons
customer-effort-score-tracks
import-products-task
experimental-fashion-sample-products
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
multichannel-marketing
mobile-app-banner
navigation
new-product-management-experience
onboarding
onboarding-tasks
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
woo-mobile-welcome
wc-pay-promotion
wc-pay-welcome-page

Disabled Features: minified-js
product-variation-management
settings

Daily Cron: ?</img> Next scheduled: 2023-02-26 09:24:51 +00:00
Options: ?</img>
Notes: 34
Onboarding: completed

WooCommerce Payments

Version: 5.5.0
Connected to WPCOM: Sí
Blog ID: 215486375
Account ID: acct_1Ma0QBFyXwHVigtX

Action Scheduler

Completo: 3.294
Oldest: 2023-02-07 21:03:42 +0000
Newest: 2023-02-25 13:00:06 +0000

Fallida: 23
Oldest: 2023-02-15 09:23:10 +0000
Newest: 2023-02-25 09:34:35 +0000

Pendiente: 9
Oldest: 2023-02-25 13:13:28 +0000
Newest: 2023-03-03 17:08:59 +0000

Status report information

Generated at: 2023-02-25 13:00:19 +00:00
    Thread Starter yosko597

    (@yosko597)

    Btw dont why it displays properly on ur screen on mine looks like this https://gyazo.com/7602c81c7f0b59b28280a41ce0ff5131 thats how it looks for me on mobile view. Btw just realized i ve same sidebar problem on tablet so the answer that we use for mobile will probably work 2 for tablet

    Saif

    (@babylon1999)

    I can see you removed that filter extension from your site altogether. Let us know if you need more help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Moving sidebar to top in mobile instead being bottom as default’ is closed to new replies.