Results 1 to 3 of 3

Thread: Header Content (Mobile) - grey background for logo

  1. #1
    Join Date
    Jan 2012
    Posts
    908

    Question Header Content (Mobile) - grey background for logo

    I've just changed the logo on our website. It has a black background. It works fine on the desktop, but not on the mobile template.

    It's ok on my own mobile in portrait orientation as it is full width. But if I rotate to landscape (or presumably use a tablet, or phone with a better resolution) the logo is bordered each side with a plain grey background, so the logo looks rubbish.

    How do I change the mobile header background to black so my black background logo blends in?

  2. #2
    Join Date
    Aug 2016
    Posts
    116

    Default

    Quote Originally Posted by LabelKing View Post
    I've just changed the logo on our website. It has a black background. It works fine on the desktop, but not on the mobile template.

    It's ok on my own mobile in portrait orientation as it is full width. But if I rotate to landscape (or presumably use a tablet, or phone with a better resolution) the logo is bordered each side with a plain grey background, so the logo looks rubbish.

    How do I change the mobile header background to black so my black background logo blends in?
    Template Editor > Pages > Scroll down to 'Mobile CSS' and paste in the following code:

    Code:
    .header {
    background-color: #000 !important;
    }

    Let us know how you get on...

    Mike

  3. #3
    Join Date
    Jan 2012
    Posts
    908

    Default

    Thanks, I looked in the mobile css section and found some code similar to yours already in there - so I changed the colour and now it works fine!

Similar Threads

  1. Invoice logo to background?
    By LabelKing in forum Bluepark Technical Discussion
    Replies: 18
    Last Post: 27-11-2018, 12:24
  2. Mobile header displays different text on the mobile site
    By damsel in forum Bluepark Technical Discussion
    Replies: 4
    Last Post: 16-09-2016, 19:01
  3. Adding ALT tag to logo / header
    By SarahT in forum Bluepark Technical Discussion
    Replies: 1
    Last Post: 30-06-2016, 12:03
  4. Header/ Footer background image....
    By Jodergas in forum Bluepark Technical Discussion
    Replies: 7
    Last Post: 02-04-2013, 17:21
  5. Transparent Header background issues
    By CheekyThings in forum Bluepark Technical Discussion
    Replies: 1
    Last Post: 15-05-2010, 12:27

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
About us

Bluepark's ecommerce software is developed, hosted and supported exclusively by ourselves, here in the UK, and has been so since the company was initially formed in 2004. Your brand new online shop will be hosted securely on our fast and reliable server network, using a domain name of your choice, providing the ability to build and maintain your ecommerce website, and manage your orders, from any location via your own secure online Administration Console.

A Bluepark ecommerce site is the perfect tool for selling online, whether you're selling physical products, digital downloads or services. You'll be in good company with over 1,000 UK customers who also form a friendly and helpful online community, further strengthening our highly acclaimed support network.

Find us on...