[Skip to main content](#vessel-content)

#   Align mobile view with desktop

##

- **[jgribble](/forum/user/4695-jgribble "View jgribble's Profile")**
- [![jgribble's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4695-jgribble "View jgribble's Profile") Topic Author
- [ Offline](/forum/user/4695-jgribble)

Less More

- Posts: 317
- Thank you received: 20
-
-

3 years 2 months ago -  3 years 2 months ago [\#354704](#354704) by [jgribble](/forum/user/4695-jgribble "View jgribble's Profile")  *[Align mobile view with desktop](/forum/4-how-to/906938-align-mobile-view-with-desktop#354704 "We like to maintain design continuity across all devices. Hikashop does a pretty good job of that but needs some help in places. Buttons are always an issue when we have a big site with lots of moving...")* was created by *[jgribble](/forum/user/4695-jgribble "View jgribble's Profile")*

We like to maintain design continuity across all devices. Hikashop does a pretty good job of that but needs some help in places. Buttons are always an issue when we have a big site with lots of moving parts, but want design harmony.
I've been having a devil of a time with buttons.
Here you will see the desktop view as compared to mobile view.
I also have included the operative code. The file name is hikashop.css.
The problem is, I can see it in my inspector and edit it there, but I can't find it in the system. It doesn't appear to be accessible through the display/css tab. So where is it? Am I wrong? Where can I stash my override to bring the mobile button into style compliance with the rest of the site?
Thank you,
-Jim Gribble

[ ![operative-css.png](/forum/attachment/57700) ](/forum/attachment/57700 "operative-css.png")

[ ![desktop-button2.jpg](/forum/attachment/57701) ](/forum/attachment/57701 "...op-button2.jpg")

[ ![mobile-button&#95;2023-08-26.png](/forum/attachment/57702) ](/forum/attachment/57702 "...2023-08-26.png")

- [ ![operative-css.png](/forum/attachment/57700) ](/forum/attachment/57700 "operative-css.png") [ ](/forum/attachment/57700?download=1 "operative-css.png")
- [ ![desktop-button2.jpg](/forum/attachment/57701) ](/forum/attachment/57701 "...op-button2.jpg") [ ](/forum/attachment/57701?download=1 "...op-button2.jpg")
- [ ![mobile-button&#95;2023-08-26.png](/forum/attachment/57702) ](/forum/attachment/57702 "...2023-08-26.png") [ ](/forum/attachment/57702?download=1 "...2023-08-26.png")

Last edit: 3 years 2 months ago by [jgribble](/forum/user/4695-jgribble "View jgribble's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzkwNjkzOC1hbGlnbi1tb2JpbGUtdmlldy13aXRoLWRlc2t0b3A/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86358
- Thank you received: 14293
-
-

3 years 2 months ago [\#354706](#354706) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Align mobile view with desktop](/forum/4-how-to/906938-align-mobile-view-with-desktop#354706 "We like to maintain design continuity across all devices. Hikashop does a pretty good job of that but needs some help in places. Buttons are always an issue when we have a big site with lots of moving...")*

Hi,

You don't need to be able to override the CSS file completely to be able to override a CSS piece.
For example, if I have the code: Code:

.hikashop_button{ color: red; }

in the file hikashop.css, but I want to change the color of that button to something else, I don't need to be able to override the hikashop.css file.
I can just add my own CSS in another file which will be loaded after it, like the style_custom.css file, with a code like: Code:

.hikashop_button{ color: blue; }

So you can add your button CSS to the "styles for frontend" and it will work.
This is even better than directly modifying the CSS in hikashop.css. That's because when you update HikaShop, and we make changes in hikashop.css you will get the changes automatically without doing anything. That's actually precisely why we don't allow you to directly modify/override the hikashop.css file.
I would even argue that you should avoid customizing the frontend CSS and move your customization of it to the style in the frontend. That will save you time in the future.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzkwNjkzOC1hbGlnbi1tb2JpbGUtdmlldy13aXRoLWRlc2t0b3A/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[jgribble](/forum/user/4695-jgribble "View jgribble's Profile")**
- [![jgribble's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4695-jgribble "View jgribble's Profile") Topic Author
- [ Offline](/forum/user/4695-jgribble)

Less More

- Posts: 317
- Thank you received: 20
-
-

3 years 2 months ago [\#354736](#354736) by [jgribble](/forum/user/4695-jgribble "View jgribble's Profile")  Replied by *[jgribble](/forum/user/4695-jgribble "View jgribble's Profile")* on topic *[Align mobile view with desktop](/forum/4-how-to/906938-align-mobile-view-with-desktop#354736 "We like to maintain design continuity across all devices. Hikashop does a pretty good job of that but needs some help in places. Buttons are always an issue when we have a big site with lots of moving...")*

Thanks, Nicholas, sounds like this will be pretty easy to implement. I was having trouble getting it work in my inspector tools. But now I'm sure it will work.,
-Jim G.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzkwNjkzOC1hbGlnbi1tb2JpbGUtdmlldy13aXRoLWRlc2t0b3A/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.049 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
