Remove account button from header & add appointments menu.

Remove account button from header & add appointments menu.

Trivin
Tourist
11 0 2

Hello! My website is www.gemopticians.com

 

1. Can you please help me to remove the 'Account' button from the header?

2. Also I see whatever menu items I add to navigation get added to the left of the logo on the header. How do I add the items to the right of the logo where the 'ACCOUNT' button is currently?

3. How do I change the font of the menu items. On the mobile version, I am able to change the font eg. the 'SALE' is in red on mobile but on desktop, since it is part of the header, there might be a differen

Replies 3 (3)

BSSCommerce-B2B
Shopify Expert
553 110 133

Hi ,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

li.HorizontalList__Item:has(a[href="/account"]) {
    display: none;
}

Here is result: 

BSSCommerceB2B_1-1719039216674.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Rahul_dhiman
Shopify Expert
204 40 37

Hello @Trivin 
1) To remove the Account button :-

Go to online store ---------> themes --------------> actions ------> edit code-------> theme.css
and add this code at the very end of your file.

ul.HorizontalList.HorizontalList--spacingLoose.hidden-pocket.hidden-lap li.HorizontalList__Item:nth-child(1) {
display: none;
}

 

2) navigation get added to the left :-
need the custom coding to move the menu items to the right side, i can help you in coding.

3) change the font of the menu items:- ( you can choose font family according to your need.)
Go to online store ---------> themes --------------> actions ------> edit code-------> theme.css
and add this code at the very end of your file.

nav.Header__MainNav.hidden-pocket.hidden-lap li.HorizontalList__Item:last-child a {
    color: red;
	font-family: initial;
}

 

and the result will be 

12.png

If you find this helpful, please like and mark the job as completed.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here

PageFly-Amelia
Shopify Partner
493 154 222

Hi @Trivin 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

.HorizontalList__Item:has(a[href="/account"]) {
    display: none !important;
}

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.