Results 1 to 7 of 7
  1. #1
    Join Date
    Mar 2018
    Location
    Bangkok
    Posts
    4
    Plugin Contributions
    0

    Default Version 1.5.5f Mobile template Header background Color how to change

    Hi

    Just upgrade my cart to 1.5.5f using responsive_classic template
    Changed the background color of header navigation bar and on desktop changed no problem.
    However when using mobile device header background remains very dark grey almost black.
    Problem is that the 3 bars navigation link in the header is also black and cant be seen.
    Tried to change in all CSS files mobile/template etc but it stays the same.
    The other header links on mobile Home (little house) etc show as white--no problem.

    Can anyone advise how to change background color in header mobile
    or
    how to change 3 bar navigation symbol color.

    thanks

  2. #2
    Join Date
    Jul 2012
    Posts
    16,751
    Plugin Contributions
    17

    Default Re: Version 1.5.5f Mobile template Header background Color how to change

    Css suggestions are best resolved by having access to the site so that can use F12 and locally test/identify changes needed. Meaning with a uri provided. Then there may be some additional information needed such as at which resolution the change(s) were applied/desired.

    Understand also that a modified version of the css has been created for the responsive_classic template to make changes like you are seeking easier to find and apply. The original version of the template combines several components into one throughout the css.

    Plugin: https://www.zen-cart.com/downloads.php?do=file&id=2088
    ZC Installation/Maintenance Support <- Site
    Contribution for contributions welcome...

  3. #3
    Join Date
    Mar 2018
    Location
    Bangkok
    Posts
    4
    Plugin Contributions
    0

    Default Re: Version 1.5.5f Mobile template Header background Color how to change

    Thank you for this will give it a go this evening and post update.
    Many many thanks

  4. #4
    Join Date
    Mar 2018
    Location
    Bangkok
    Posts
    4
    Plugin Contributions
    0

    Default Re: Version 1.5.5f Mobile template Header background Color how to change

    Just 1 quick clarification.
    Is it best to replace all the css files with the ones from 155a_Color_Changes-1.1a

    thanks

  5. #5
    Join Date
    Feb 2008
    Posts
    529
    Plugin Contributions
    0

    Default Re: Version 1.5.5f Mobile template Header background Color how to change

    I didn't change my color bars but I did change the color of the menu bars for mobile so they would better show against the dark bar.

    In the template stlyesheet_colors.css I cut
    Code:
    , .header .fa-bars
    from up top around end of line#3 where it is in a long list of things to be similarly colored, then I pasted it near the bottom, just before '/*bof placeholders*/' on its own with its own color, in my case white. Changing the color in original position would also have changed many other things to that color.

    Code:
    .header .fa-bars {color:#ffffff;}

  6. #6
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,207
    Plugin Contributions
    11

    Default Re: Version 1.5.5f Mobile template Header background Color how to change

    Quote Originally Posted by stevesu2018 View Post
    Just 1 quick clarification.
    Is it best to replace all the css files with the ones from 155a_Color_Changes-1.1a
    thanks
    In the index.html that comes with the mod, scroll down to "The Part Nobody Reads or How to Install" for concise instructions.

  7. #7
    Join Date
    Mar 2018
    Location
    Bangkok
    Posts
    4
    Plugin Contributions
    0

    Default Re: Version 1.5.5f Mobile template Header background Color how to change

    Ok people thanks a million worked a treat.

 

 

Similar Threads

  1. v139h I bought a mobile template; how do I Mobile Device to Show Desktop version by Default
    By explorer1979 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 2 Mar 2013, 03:42 PM
  2. Template 12541: header background color help
    By statusone in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 24 Nov 2010, 05:05 AM
  3. New template - Quick sidebox header background color change. Any ideas?
    By georgespokerstore in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 31 Aug 2009, 11:42 PM
  4. how to change header background color?
    By layoyo in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 10 Oct 2008, 09:41 AM
  5. Help...How to change sidebox header background color?
    By meiziwo in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 20 Jul 2008, 10:15 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR