Change the location and size of shopping basket in menu

  • Resolved flowerofsoul

    (@flowerofsoul)


    8 years, 2 months ago

    I just installed woocommerce on my website and i noticed that the location of the shoppingbasket is not how I want it. I would love to be able to change the size so I can manage to keep my menu in 1 row.

    Also the extra navigation beneath the headmenu is it possible to remove that?

    I am new when it come to making websites so all tips would help.
    site: https://www.flowerofsoul.nl

    ### WordPress Environment ###

Home URL: https://www.flowerofsoul.nl
Site URL: https://www.flowerofsoul.nl
WC Version: 2.6.11
Log Directory Writable: ?
WP Version: 4.7
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ?
Language: nl_NL

### Server Environment ###

Server Info: Apache
PHP Version: 5.6.28
PHP Post Max Size: 32 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
cURL Version: 7.36.0
OpenSSL/1.0.1e

SUHOSIN Installed: –
Max Upload Size: 32 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 2.6.11
: 
woocommerce_sessions: ?
woocommerce_api_keys: ?
woocommerce_attribute_taxonomies: ?
woocommerce_downloadable_product_permissions: ?
woocommerce_order_items: ?
woocommerce_order_itemmeta: ?
woocommerce_tax_rates: ?
woocommerce_tax_rate_locations: ?
woocommerce_shipping_zones: ?
woocommerce_shipping_zone_locations: ?
woocommerce_shipping_zone_methods: ?
woocommerce_payment_tokens: ?
woocommerce_payment_tokenmeta: ?
MaxMind GeoIP Database: ?

### Active Plugins (13) ###

Akismet: door Automattic – 3.2
Breadcrumb NavXT: door John Havlik – 5.6.0
Easy Theme and Plugin Upgrades: door Chris Jean – 2.0.0
FooBox Image Lightbox (Premium): door FooPlugins – 1.1.9
Foo Gallery: door FooPlugins – 1.2.18
Hide Title: door Brandon Kraft & Randall Runnels – 1.0.4
Jetpack door WordPress.com: door Automattic – 4.4.2
Limit Login Attempts: door Johan Eenfeldt – 1.7.1
Meta Slider: door Matcha Labs – 3.3.7
Showeblogin Facebook Page Plugin: door Suresh Prasad – 3.0
Simple Share Buttons Adder: door Simple Share Buttons – 6.3.4
WooCommerce: door WooThemes – 2.6.11
WP Blog and Widget: door WP Online Support – 1.2.8

### Settings ###

Force SSL: –
Currency: EUR (€)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2

### API ###

API Enabled: ?

### WC Pages ###

Winkelbasis: #987 - /winkel/
Winkelmand: #989 - /winkelmand/
Afrekenen: #991 - /afrekenen/
Mijn account: #993 - /mijn-account/

### Taxonomies ###

Product Types: external (external)
external (external-2)
grouped (grouped)
simple (simple)
variable (variable)

### Theme ###

Name: Storefront
Version: 2.1.6
Author URL: https://woocommerce.com/
Child Theme: ? – Als je wijzigingen aanbrengt in WooCommerce of in een hoofdthema dat je niet zelf gebouwd hebt
raden we het gebruik van een subthema aan. Zie: Hoe maak je een subthema

WooCommerce Support: ?

### Templates ###

Overrides: –

    Kind regeards Jasper

Viewing 6 replies - 1 through 6 (of 6 total)

  • Try this custom css:

    @media (min-width: 768px) {
  .woocommerce-active .site-header .main-navigation {
    width: 76%;
  }
  .woocommerce-active .site-header .site-header-cart {
    width: 19%;
  }
}

    Custom css is entered at:
    Dashboard > Appearance > Customise > Additional CSS

    I can’t see any extra navigation. Maybe you fixed that since posting.

    Thread Starter flowerofsoul

    (@flowerofsoul)

    Dear Lorro,

    Thank you for the help.
    I tried to change the css, and it worked good. Thank you for that.

    About the extra navigation it wasn’t on the home page but on the rest of the pages it is, (the Home / Portfolio part)
    Also I was wondering if I can remove the search engine on top of the site.
    You can see it with this link: https://www.flowerofsoul.nl/portfolio/

    Thank you

    This extra navigation is the “breadcrumbs” and you can hide them with:

    .woocommerce-breadcrumb {
  display:none
}
.woocommerce {
  padding-top:24px
}

    The search box can be hidden with:

    .site-search {
  display:none
}
    Thread Starter flowerofsoul

    (@flowerofsoul)

    I love you haha, saved me loads of time.

    Is there also a source of “codes”were i can find these type of things?
    Makes it easier if i dont have to ask everytime.

    Thank you verry much

    No, there’s no source of codes. You’ll need to work through the css tutorial at w3schools.com and get to grips with the styles inspection tools for your browser.

    Thread Starter flowerofsoul

    (@flowerofsoul)

    Ok then i will go an study that when i need it again.

    Thank you again for the help
    Jasper

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change the location and size of shopping basket in menu’ is closed to new replies.